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

Question

摘自output.publicPath的webpack文档：

  

简单规则：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的很多组合，但是仍然不了解如何正确选择上述参数的组合以使动态加载有效（例如{ {1}}，即输出文件夹中的const MODULE = import('./loadOnDemand/testModule')。请告诉我这个概念，如何选择chunks/chunk__0.js output.path和publicPath，它们将适用于以上文件系统，也可以在以下文件系统上缩放：

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')