假设我有这个:
entry: {
polyfills: './polyfills.js',
vendor: './vendor.js',
app: './app.js'
}
这将输出3个文件。
我想要的是:
所以我尝试了:
new CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills'],
minChunks: Infinity
})
那将(根据我的理解)说:将常见的事物从app
移到vendor
再移到polyfills
。由于polyfills在这里没有任何共同点,vendor
将包含app
的所有常见导入。这涵盖了我的第一点。
问题是polyfills
将包含所有webpack运行时中的更多东西,我真的需要polyfill完全原始。
如果我这样做:
new CommonsChunkPlugin({
name: ['app', 'vendor'],
minChunks: Infinity
})
我得到了供应商的工作(和运行时),但polyfills将是这样的:
webpackJsonp([1], [
// polyfills content
]);
因此它被webpack包装,当然在加载时我得到一个有意义的红色ReferenceError: webpackJsonp is not defined
。
因此,如果我从条目中删除此polyfill并将其手动添加到cdn的脚本标记中或使用CopyWebpackPlugin
它可以正常工作(或者如果我手动删除该包装)。问题是我希望webpack将文件重命名为cache bust和类似的东西。
那么,我可以将polyfill作为条目,但让webpack忽略它而不添加任何包装或任何东西吗?