使用条目文件但保持原始状态

时间:2016-04-06 15:09:18

标签: javascript webpack

假设我有这个:

entry: {
  polyfills: './polyfills.js',
  vendor: './vendor.js',
  app: './app.js'
}

这将输出3个文件。

我想要的是:

  • 将polyfills保持原始状态并先装入。
  • 在应用程序中完成的每个导入也都在供应商中完成。

所以我尝试了:

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忽略它而不添加任何包装或任何东西吗?

0 个答案:

没有答案