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{と}でサンドイッチする。
そして、不要になったインポート専用print-import.cssはいらない人なので消します。
- 作者: 狩野祐東
- 出版社/メーカー: SBクリエイティブ
- 発売日: 2013/05/25
- メディア: 単行本
- この商品を含むブログ (3件) を見る
React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT-ONE)
- 作者: 穴井宏幸,石井直矢,柴田和祈,三宮肇
- 出版社/メーカー: 翔泳社
- 発売日: 2018/02/19
- メディア: 単行本
- この商品を含むブログを見る
- 作者: 石橋啓太
- 出版社/メーカー: マイナビ出版
- 発売日: 2018/03/23
- メディア: Kindle版
- この商品を含むブログを見る
