首页 > 解决方案 > Webpack 中的动态导入:可以在子文件夹之间分配块吗?

问题描述

注意:这个关于chunks的问题,而不是输出包。

如果我们需要webpack在多个子路径之间分配输出包,我们可以采用下一种方式(不寻常,但我使用绝对路径):

const WEBPACK_CONFIG = {

    // ...
    entry: {
        'open/js/testOpenEntryPoint': 'C:/.../example.loc/source/open/3_es6/testOpenEntryPoint',
        'admin/js/testAdminEntryPoint': 'C:/.../example.loc/source/admin/3_es6/testAdminEntryPoint'
    },

    output: {
      path: 'dest',
      filename: '[name].js',
      chunkFilename: '[name].js'
  }
}

但是,它不适用于块:chunkFilename与 不同的filename是,它忽略子路径并在单个目录中输出块。尽管如此,我们可以在多个子路径之间分配块,如下所示?目前我只知道多编译解决方案,但也许它是更简单的方法。

资源

  打开

   testOpenEntryPoint.js

   动态负载

    dynForTestOpenEntryPoint.js

  行政

   testOpenEntryPoint.js

  动态负载

    dynForTestAdminEntryPoint.js

距离

  打开

   testOpenEntryPoint.js

   动态负载

    0.js

  行政

   testOpenEntryPoint.js

  动态负载

    1.js

标签: javascriptwebpack

解决方案


推荐阅读