使用 webpack CommonsChunkPlugin 处理多个条目的问题答案

【问题标题】：Issue using webpack CommonsChunkPlugin for multiple entries使用 webpack CommonsChunkPlugin 处理多个条目的问题
【发布时间】：2018-06-19 07:59:18
【问题描述】：

entry: {
    page1: '~/page1',
    page2: '~/page2',
    page3: '~/page3',
    lib: ['date-fns', 'lodash'],
    vendor: ['vue', 'vuex', 'vue-router']
},

new webpack.optimize.CommonsChunkPlugin({
    name: ['vendor', 'lib'],
    filename: '[name]-[hash].bundle.js',
}),

在上面的配置中，我想从 CommonsChunkPlugin 中排除 page1，因为 page1 没有任何公共模块。所以在 page1 中，我只包含了 page1.js，它会引发以下错误。

vendor-cb4799a58e0e134e2087.bundle.js:1 Uncaught ReferenceError: webpackJsonp is not defined

请帮帮我。

【问题讨论】：

标签： javascript webpack vue.js commonschunkplugin

【解决方案1】：

试试这个

new webpack.optimize.CommonsChunkPlugin({
  name: ['vendor', 'lib'],
  filename: '[name]-[hash].bundle.js',
}),

你省略了'names'中的s。希望对你有帮助:)

【讨论】：

@HariPrakash 由于常见块插件的工作方式，您仍然必须在 page1 之前添加链接到“供应商块”的脚本标签

【解决方案2】：

我按照下面的文章解决了我的问题https://github.com/webpack/webpack.js.org/issues/1333

【讨论】：