2017年 4月1日 22時45分 6年前 webpackでテンプレートに関するライブラリを1つのCSSファイルにビルドする方法の紹介です。 webpackでjavascriptライブラリを1つのファイルにバンドル化することは手軽ですが、 Webサイトのテンプレートをバンドル化するなら話しは変わってきます。 "" 「各種スタイルシートファイルのインポート」 「 バンドルファイルで読み込んだSASSやLESSファイルを CSSへ変換 」 「 フォントや画像等の外部ファイルの参照の解決 ( スタイルシート内での url関数 ) 」 「CSSファイルへ発行」 "" 上記4つに関するプラグインの追加や ルールの定義をする必要があります。 っということで、webpackを使って BootstrapやFont-awesome等のライブラリを使って デザインに関するスタイルシートを1ファイルに統合してみ
![webpack2でテンプレート用の複数ライブラリを1CSSファイルにビルドする](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a43506a3a8da2f05b40aef13c1642c7f606ab0/height=288;version=1;width=512/https%3A%2F%2Fimg.bsnws.net%2Fcupof%2Flogo%2FIT%2FzEUNUJV.jpg)