万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・資産運用おすすめ
    10万円は1000円くらい利益
    資産運用ブログ アセマネ
    • ・寄付お願いします
      YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
      BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
      c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1
      Skycoin:KMqcn7x8REwwzMHPi9fV9fbNwdofYAWKRo

    Reactで印刷専用CSSのインポート

    Reactで印刷専用CSSのインポートするときに、 print.cssに印刷専用コードを書き、

    @import "print.css" print;

    と記載したインポート専用print-import.cssを作ってそれをTypScriptのコード上で、 `import 'print-import.css';やると行けるが・・・

    ※私はcreate-react-appでTypeScriptで作ってる。

    yarn build(npm run build)で問題があった。 webpackした印刷専用CSSが普通のコードとして使わててしまう!

    印刷専用コードは@media print{}でサンドイッチする。

    techacademy.jp

    そして、不要になったインポート専用print-import.cssはいらない人なので消します。

    スラスラわかるHTML&CSSのきほん

    スラスラわかるHTML&CSSのきほん

    React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT-ONE)

    React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT-ONE)

    React開発 現場の教科書(リフロー版)

    React開発 現場の教科書(リフロー版)