2018.04.152019.02.21 【2019年版】webpack 4 個人的設定まとめとして、新たに再編集しました。最新の設定はこちらの記事にて紹介しています。 フロントエンドに必須技術となってきたwebpack。自分も少しずつ案件に取り入れつつ覚えてきましたが、便利すぎて手放せなくなってきました。最初はJavaScriptのBabelを使うためだけに使っていましたが、欲が出てSASS(SCSS)のビルドもwebpackで行うようになりました。構築環境をまとめると管理や修正が楽ですし、なにより作業工数を削減することもできます。 今回はwebpackによる環境構築から、ファイルの出力までを紹介します。環境はMac(macOS Sierra)、node v10.1.0、npm 6.4.1、webpackのバージョンは4.17以上で進めます(記事アップデート前は4.12)。webpack
![【webpack 4】環境構築からJSとCSSを別出力まで(備忘録) – expexp.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/708e6f017c56a24abf51ae145e3d28b81f039adc/height=288;version=1;width=512/https%3A%2F%2Fwww.expexp.jp%2Fwp%2Fwp-content%2Fuploads%2F2018%2F04%2Feyecatch-webpack.png)