的WebPack：output.path，publicPath和chunkFilename对于其中的HTML和JS文件不在同一文件夹中的项目选择概念

Question

从output.publicPath的文档的WebPack：

规则很简单：你的output.path从HTML页面视图的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')