Find file History
Latest commit 8d6d3ed Aug 28, 2018
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
dist TypeScript 3.0, webpack 4.16.3, 他を根こそぎ最新版へ Jul 31, 2018
src CSSのサンプルを調整 Mar 5, 2018
ReadMe.md 手順の解説ファイルを追加 Mar 6, 2018
package.json webpack 4.16→4.17 Aug 28, 2018
webpack.config.js file-loaderのサンプルを追加 Mar 5, 2018

ReadMe.md

WebPack + CSS のサンプル

プレーンなCSSをwebpackで取り込むサンプルです。

ゼロから環境構築する場合の手順

インストールコマンド

まずはpackage.jsonを作る。

npm init -y

その上で、必要なモジュールをインストールする。

npm i -D webpack webpack-cli css-loader style-loader

webpack.config.js の書き方

webpack.config.jsのコードを参照ください。

webpackのデフォルト構成としているので、srcフォルダーにソースファイルを格納すること。デフォルトではエントリーポイントはsrc/index.jsである。

ビルドコマンド

npx webpack

distフォルダーに成果物が出力されます。

このフォルダーをダウンロードしてきてから構築する手順

インストールコマンド

npm i

ビルドコマンド

package.jsonにビルドを書いているので、これを使うのがオススメ。

npm run build

もしくは、npxコマンドを使ってもOK。

npx webpack

distフォルダーに成果物が出力されます。