From 180d359902585bef3bcabf6a6aad046e5547fac1 Mon Sep 17 00:00:00 2001 From: ics-ikeda Date: Mon, 12 Mar 2018 23:09:42 +0900 Subject: [PATCH 1/2] =?UTF-8?q?webpack-dev-server=E3=81=AEReadMe=E3=82=92?= =?UTF-8?q?=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tutorial-webpack-dev-server/README.md | 37 +++++++++++++++++++ tutorial-webpack-dev-server/webpack.config.js | 7 ---- 2 files changed, 37 insertions(+), 7 deletions(-) create mode 100644 tutorial-webpack-dev-server/README.md diff --git a/tutorial-webpack-dev-server/README.md b/tutorial-webpack-dev-server/README.md new file mode 100644 index 0000000..8404aca --- /dev/null +++ b/tutorial-webpack-dev-server/README.md @@ -0,0 +1,37 @@ +# webpack-dev-server のサンプル + +ICS MEDIA「[最新版で学ぶwebpack 4入門](https://ics.media/entry/12140/2)」で紹介している webpack-dev-server の解説用サンプルです。 + +## 使い方 + +インストール + +```bash +npm i -D webpack webpack-cli webpack-dev-server +``` + +webpack.config.jsの設定ファイル + +```js +module.exports = { + // モード値を production に設定すると最適化された状態で、 + // development に設定するとソースマップ有効でJSファイルが出力される + mode: 'development', + + // ローカル開発用環境を立ち上げる + // 実行時にブラウザが自動的に localhost を開く + devServer: { + contentBase: 'dist', + open: true + } +}; +``` + +実行 + +```bash +npx webpack-dev-server +``` + + +詳しくは[記事の説明](https://ics.media/entry/12140/2)をご確認ください。 \ No newline at end of file diff --git a/tutorial-webpack-dev-server/webpack.config.js b/tutorial-webpack-dev-server/webpack.config.js index fa3da7b..76d6642 100644 --- a/tutorial-webpack-dev-server/webpack.config.js +++ b/tutorial-webpack-dev-server/webpack.config.js @@ -3,13 +3,6 @@ module.exports = { // development に設定するとソースマップ有効でJSファイルが出力される mode: 'development', - - optimize : { - splitChunks: { - chunks : "all" - } - }, - // ローカル開発用環境を立ち上げる // 実行時にブラウザが自動的に localhost を開く devServer: { From 3965cbb765eb50767586f0f131a4a514af2b7cbb Mon Sep 17 00:00:00 2001 From: Yasunobu Ikeda Date: Wed, 14 Mar 2018 09:39:37 +0900 Subject: [PATCH 2/2] Update README.md --- tutorial-webpack-dev-server/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/tutorial-webpack-dev-server/README.md b/tutorial-webpack-dev-server/README.md index 8404aca..50e614e 100644 --- a/tutorial-webpack-dev-server/README.md +++ b/tutorial-webpack-dev-server/README.md @@ -1,6 +1,6 @@ # webpack-dev-server のサンプル -ICS MEDIA「[最新版で学ぶwebpack 4入門](https://ics.media/entry/12140/2)」で紹介している webpack-dev-server の解説用サンプルです。 +ICS MEDIA「[最新版で学ぶwebpack 4入門](https://ics.media/entry/12140)」で紹介している webpack-dev-server の解説用サンプルです。 ## 使い方 @@ -34,4 +34,4 @@ npx webpack-dev-server ``` -詳しくは[記事の説明](https://ics.media/entry/12140/2)をご確認ください。 \ No newline at end of file +詳しくは[記事の説明](https://ics.media/entry/12140)をご確認ください。