Npm 网页包编译大小不为'；删除大块代码后不会更改

在我的Laravel应用程序中，我使用

webpack

编译资产：

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/admin.scss', 'public/css');

app.js

包含几个Vue组件：

require('./bootstrap');

window.Vue = require('vue');

Vue.component('search', require('./components/Search').default);
Vue.component('graph', require('./components/Graph').default);
...

运行

npm run dev

会产生以下结果：

DONE  Compiled successfully in 8745ms                                                                                                                                                                                      10:58:09 AM

         Asset      Size   Chunks             Chunk Names
/css/admin.css  2.53 KiB  /js/app  [emitted]  /js/app
  /css/app.css   230 KiB  /js/app  [emitted]  /js/app
    /js/app.js  2.13 MiB  /js/app  [emitted]  /js/app

不满意app.js的2.13MiB大小，我花了一个小时从

Graph.vue

和

Search.vue

组件中删除了未使用的代码。我总共删除了100多行代码。但是，当我再次运行

npm run dev

时，文件大小保持完全相同-2.13MiB

当我运行

npm run production

以获得缩小版本时，同样的问题也会发生——文件大小以前是586kB，现在保持不变

---

这是为什么？如何解决？

Webpack会自动删除未使用的代码。这叫“摇树”，查一查