Webpack：output.path，publicPath和chunkFilename為html和js文件不在同一文件夾中的項目選擇概念

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 magic注釋來自動定位塊名稱？ 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')