【问题标题】:issue when using CommonsChunkPlugin with different entrypoits which only one needs it使用具有不同入口点的 CommonsChunkPlugin 时出现问题,只有一个入口点需要它
【发布时间】:2018-02-12 17:27:59
【问题描述】:

使用 webpack v2,我有两个入口点,它们应该生成两个可以分别加载到同一页面或不同页面上的包。我还使用 CommonsChunkPlugin 将 node_modules 文件夹中的所有依赖项提取到第三个包中,该包仅在第一个包中需要。在页面上单独加载第二个包时,它不会被初始化,因为它似乎需要在之前加载 commonChucnks 包(托管 webpackJsonp 函数)除了有两个 webpack 配置来解决我的问题之外,还有其他选择吗?

module.exports = {
  context: path.resolve(__dirname),

  entry: {
    "first": "./src/js/first.js",
    "second": "./src/js/second.js",
  },

  output: {
    path: path.resolve(__dirname, "target/js"),
    filename: "[name].js",
    libraryTarget: "umd"
  },

  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: "vendor",

     // automatically determine which files are from the node modules. And put them in a separate "lib" bundle
     // @see https://webpack.js.org/guides/code-splitting-libraries/#commonschunkplugin
     // this assumes your vendor imports exist in the node_modules directory
     minChunks: module => module.context && module.context.indexOf("node_modules") !== -1
}),

【问题讨论】:

    标签: javascript webpack


    【解决方案1】:

    “(两个入口点)...可以在同一页面上加载”。

    这不是它应该的样子。入口点 - 是一个入口点 - 它只能加载一次。

    您需要的是:两个入口点块,带有“特定”代码块和一个通用代码块。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-10-30
      • 2011-08-05
      • 1970-01-01
      • 2017-05-11
      • 2020-11-13
      • 2018-11-22
      • 2021-12-12
      • 1970-01-01
      相关资源
      最近更新 更多