webpack3 でフロントエンド開発(入門編) の記事で、webpack のインストールから JavaScript を動かすまでをやりましたが、今回は「実践編」として、JavaScript 以外のファイルをいろいろ読み込んでみようと思います。 プロジェクトですが、前回はフォルダを何も作成せずに進めましたが、今回はきちんとファイルの種類ごとにフォルダを分けます。以下のフォルダ構成になるように各ファイルを作成してください。 sample_app ├ package.json ├ webpack.config.js | ├ js | └ index.js | ├ css | └ index.css | └ html └ index.html index.html index.js 空 index.css 空 package.json { "name": "sample_a