如何使Webpack splitChunks与Webpack-dev-server一起工作？

Question

我正在尝试在Webpack 4中使用splitChunks，希望将node_modules中的模块捆绑为一个捆绑，每次更改代码后都不会重新编译。

我在webpack.config.js中添加了以下代码：

optimization: {
   splitChunks: {
      chunks: 'all'
   }
},

然后我在index.html中添加了这一行：

<script src="./vendors~app.js"></script>

文件“ vendor〜app.js”是生成的新捆绑包。

当我第一次运行webpack-dev-server时，它说：

Built at: 2018-09-13 13:32:47
             Asset      Size  Chunks                    Chunk Names
            app.js  3.15 KiB       0  [emitted]         app
    vendors~app.js  1.91 MiB       1  [emitted]  [big]  vendors~app
        app.js.map  13.7 KiB       0  [emitted]         app
vendors~app.js.map  3.98 MiB       1  [emitted]         vendors~app

当我对源代码进行更改并保存后，webpack-dev-server开始按预期进行编译，并显示：

Built at: 2018-09-13 13:33:46
             Asset      Size  Chunks                    Chunk Names
            app.js  3.16 KiB       0  [emitted]         app
    vendors~app.js  1.91 MiB       1  [emitted]  [big]  vendors~app
        app.js.map  13.7 KiB       0  [emitted]         app
vendors~app.js.map  3.98 MiB       1  [emitted]         vendors~app

我希望编译器不会重新编译vendor〜app.js！ 我以为那是使用splitChunks的重点？我错了吗？如何避免编译器重新编译vendor〜app.js？

非常感谢您。