如果我手动设置块，如何让WorkboxPlugin缓存我的index.html？

Question

在我的GenerateSW配置中，我手动指定了我想要预先缓存的Webpack块：

chunks: [ // Precaching
    'runtime', 'angular',
    'rxjs', 'tslib',
    'webpack', 'zone.js',
    'app', 'styles'
],

如果它不是Webpack块，我如何在这里包含index.html？

Answer 1

我通过将index.html添加为条目，然后使用ChunkRenamePlugin将其重命名为“index.html”（删除散列和js扩展名）来解决此问题，以便该条目不包含在HtmlWebpackPlugin中。

entry: {
    index: './src/index.html',
}
new ChunkRenamePlugin({
    index: 'index.html'
}),
new WorkboxPlugin.GenerateSW({
chunks: [
    'index', 'runtime', 'angular',
    'rxjs', 'tslib',
    'webpack', 'zone.js',
    'app', 'styles'
]})