Webpack隐式供应商大块

时间:2017-06-21 08:57:44

标签: webpack chunks vendor code-splitting

我正在努力跟踪隐含的常见供应商块上的docs

我希望所有node_modules都在供应商块中。 我有一个入口点(app),有几个子块。 我试过了:

new webpack.optimize.CommonsChunkPlugin({
  name: 'vendors',
  minChunks: module => module.context && module.context.includes('node_modules'),
}),

- >从条目块(app.chunk.js)中删除所有node_modules但在子节点中留下node_modules

new webpack.optimize.CommonsChunkPlugin({
  name: 'app',
  async: 'vendors',
  children: true,
  minChunks: module => module.context && module.context.includes('node_modules'),
}),

- >从所有子块中剥离node_modules但不从app ...

寻找两种方法(从所有块中剥离node_modules并将它们放在vendors.chunk.js中)。

提前致谢,

PS:使用https://chrisbateman.github.io/webpack-visualizer/分析输出

1 个答案:

答案 0 :(得分:0)

我设法让它发挥作用:

public Customer(int cust_id, String name, String address, String email, String phone) {
       this.cust_id = cust_id;
        this.name = name;
        this.address = address;
        this.email = email;
        this.phone = phone;
    }

    public Customer(String name, String address, String email, String phone) {
        this.cust_id = -1;
        this.name = name;
        this.address = address;
        this.email = email;
        this.phone = phone;
    }

首次使用插件将代码库中使用3次或更多次的模块提取到一个公共块(node_modules和css / scss除外)。

第二次使用插件会将子块中的node_modules提取到条目块。

第三次使用插件将entry_modules从条目块中提取到node_modules块中。