每次更改后，Webpack-dev-server都会发出所有块

我刚刚为我们的开发环境实现了热加载。我的JavaScript被分解成很多块。每次我对文件进行更改时，所有的块都会重新提交。我正在运行webpack-dev-server。每次更改后，Webpack-dev-server都会发出所有块

下面是一个例子：

Hash: 83298e5f7612c91d96ee 
Version: webpack 1.13.1 
Time: 2417ms 
chunk {0} static/js/music/bundle.js (bundle) 1.87 MB 
    + 591 hidden modules 
chunk {1} static/js/music/1.js 609 kB {0} 
    + 103 hidden modules 
chunk {2} static/js/music/2.js 179 kB {0} 
    + 42 hidden modules 
chunk {3} static/js/music/3.js 186 kB {0} 
    + 44 hidden modules 
chunk {4} static/js/music/4.js 85.5 kB {0} 
    + 12 hidden modules 
chunk {5} static/js/music/5.js 35.5 kB {0} 
    + 9 hidden modules 
chunk {6} static/js/music/6.js 835 kB {0} 
    + 163 hidden modules 
chunk {7} static/js/music/7.js 817 kB {0} 
    + 157 hidden modules 
chunk {8} static/js/music/8.js 953 kB {0} 
    + 189 hidden modules 
chunk {9} static/js/music/9.js 11.6 kB {0} {16} {21} 
    [901] ./js/base/mychange.jsx 9.24 kB {9} [built] 
    + 1 hidden modules 
chunk {10} static/js/music/bundle2.js (bundle2) 1.87 MB 
    + 590 hidden modules 
chunk {11} static/js/music/11.js 1.23 MB {10} 
    + 216 hidden modules 
chunk {12} static/js/music/bundle3.js (bundle3) 1.87 MB 
    + 590 hidden modules 
chunk {13} static/js/music/13.js 1.23 MB {12} 
    + 215 hidden modules 
chunk {14} static/js/music/14.js 873 kB {12} 
    + 160 hidden modules 
chunk {15} static/js/music/15.js 1.22 MB {12} 
    + 212 hidden modules 
chunk {16} static/js/music/bundle4.js (bundle4) 1.87 MB 
    + 590 hidden modules 
chunk {17} static/js/music/17.js 566 kB {16} 
    + 93 hidden modules 
chunk {18} static/js/music/18.js 474 kB {16} 
    + 33 hidden modules 
chunk {19} static/js/music/19.js 486 kB {16} 
    + 33 hidden modules 
chunk {20} static/js/music/20.js 955 kB {16} 
    + 190 hidden modules 
webpack: bundle is now VALID.

正如你所看到的，只有mychange.jsx文件实际上建。然而，其余的仍然排放，并且变化花了整整2.4秒。

这是为什么？我是否缺少webpack的一些设置？

当我运行webpack - 观察并进行更改时，只有正确的块被发射。所以，我知道这一定是我错过的小事。

来源

2016-06-17 Jason Hirshman

尝试在stats对象中添加chunks:false解决此问题。裁判：https://webpack.github.io/docs/node.js-api.html

devServer: { 
    stats: { chunks:false } 
}

Here's the relevant code。看起来像可接受的预设值是：无，仅限于错误，最小，正常，详细，否则您可以指定您自己的对象：

{ 
    hash: false, 
    version: false, 
    timings: false, 
    assets: false, 
    chunks: false, 
    modules: false, 
    reasons: false, 
    children: false, 
    source: false, 
    errors: false, 
    errorDetails: false, 
    warnings: false, 
    publicPath: false 
}

来源

2016-11-21 02:19:56 JimmyLv

每次更改后，Webpack-dev-server都会发出所有块

回答

相关问题