webpack3のビルドが終わらない

Question

以下の2つのコマンドを実行して、webpack3でビルドをしようと試みました。

$ npm install
$ ./node_modules/.bin/webpack --progress --watch --config webpack.config.js

しかし、2つ目のコマンドを実行すると、
以下の表示から一向に進まず完了しませんでした。
(數十分待っても状況は変わらず、Ctrl-Cで終了しないといけない状況です。)

$ ./node_modules/.bin/webpack --progress --watch --config webpack.config.js

Webpack is watching the files…

Hash: 1f8b424b7417a0486def
Version: webpack 3.9.1
Time: 15728ms
             Asset     Size  Chunks                    Chunk Names
    dist/bundle.js  1.48 MB       0  [emitted]  [big]  main
dist/bundle.js.map  1.51 MB       0  [emitted]         main
   [0] ./src/js/config.js 1.63 kB {0} [built]
   [5] ./src/js/core/base-tools.js 10.3 kB {0} [built]
   [8] ./src/js/core/base-gui.js 12.5 kB {0} [built]
   [9] ./src/js/core/base-color.js 19.7 kB {0} [built]
  [12] ./src/js/core/gui/gui-tools.js 17.2 kB {0} [built]
  [17] ./src/js/core/base-state.js 14.6 kB {0} [built]
  [19] ./src/js/modules/file/open.js 13.6 kB {0} [built]
  [21] ./src/js/libs/zoomView.js 4.11 kB {0} [built]
  [22] ./src/js/modules/layer/delete.js 1.63 kB {0} [built]
  [23] ./src/js/modules/edit/undo.js 1.5 kB {0} [built]
  [24] ./src/js/modules/edit/redo.js 1.5 kB {0} [built]
  [26] ./src/js/modules/file/save.js 15.1 kB {0} [built]
  [30] multi ./src/js/main.js 28 bytes {0} [built]
  [31] ./src/js/main.js 16.2 kB {0} [built]
  [32] ./src/css/reset.css 1.05 kB {0} [built]
    + 154 hidden modules

何が原因でしょうか？分かる方おられましたら教えて下さい。
よろしくお願い申し上げます。

Answer 1

しかし、2つ目のコマンドを実行すると、

以下の表示から一向に進まず完了しませんでした。

途中にWebpack is watching the files…と出ているように、これはファイルの変更を監視して、それに追随してコンパイルを行うWatchモードです。

コンパイルが完了しても、意図的に終了させない限り起動し続け、変更されたファイルを自動でコンパイルしていきます。

Comments

[salud]

なるほど、そうなのですね。

...ちなみに、webpack4では、developmentとproductionが選べるかと思いますが、webpack3に似たような機能はありませんか？

現状、ビルド後のファイルが4万行近いコード量になってしまいますが、極力タブや改行を減らして100行近くまで抑えられたらなと考えています。