如何部署动态 webpack JavaScript 块文件

Question

我们有一个webpack设置，其中基本的javascript文件通过动态导入加载其他块文件。现在我们想在单个块文件中部署一个包含一些 js 更改的补丁，并使用相同的哈希重命名它。但是在部署更改的块文件后，我们收到以下错误：

libsMin.js.resource.1581412688349.js:1 Possible Unhandled Promise Rejection: ChunkLoadError: Loading chunk 57 failed.
(missing: https://www.domain.name/dist/js/templates.aa8e374955a21a7f93be.js)

有没有办法部署块文件以使用现有的 webpack 捆绑包。

Answer 1

我们没有生成一个块，而是生成了一个入口文件，并使用 webpack 魔术注释异步加载它：

// webpack code
const WEBPACK_ASSET_PATH = IS_PROD_ENV ? '/prod/assets/js/': '/dist/javascript/';
module.exports = {
entry: {
// other entries
main: './src/main.js',
templates: './src/templates.js',
},
new webpack.DefinePlugin({
'WEBPACK_ASSET_PATH': JSON.stringify(WEBPACK_ASSET_PATH)
})
} 
// main.js code
import(/* webpackIgnore: true */ WEBPACK_PUBLIC_PATH + 'templates.js')