Webpack：针对html和js文件不在同一文件夹中的项目，选择output.path，publicPath和chunkFilename选择概念

Question

从webpack文档中output.publicPath：

简单规则：HTML页面视图中的output.path的URL。

module.exports = { 
  output: {
    path: path.resolve(__dirname, 'public/assets'),
    publicPath: 'https://cdn.example.com/assets/'   
  } 
}; 

上面的规则对于单页应用程序是实际的，通常index.html与和index.js在同一文件夹中。但是，在多页网站的项目中，通常创建js或scripts创建特殊文件夹。因此，项目输出文件夹的文件结构可能类似于：

我尝试了很多的组合output.path output.publicPath和output.chunkFilename，但还是不明白，如何正确选择的上述参数进行动态负载的作品组合（例如const MODULE = import('./loadOnDemand/testModule')它chunks/chunk__0.js的输出文件夹中）。请告诉我有关如何选择output.path publicPath和的概念，该概念chunkFilename适用于以上文件系统，也可以在以下文件系统上缩放：

Answer 1

您是否尝试过Webpack魔术注释来自动定位块名称？ https://medium.com/faceyspacey/how-to-use-webpacks-new-magic-comment-feature-with-react-universal-component-ssr-a38fd3e296a

const MODULE = import(/* webpackChunkName: 'test' */'./loadOnDemand/testModule')