如果手动设置块,如何获取WorkboxPlugin来缓存index.html?

时间:2019-03-21 00:32:59

标签: angular webpack progressive-web-apps html-webpack-plugin workbox

在我的GenerateSW配置中,我手动指定了要预缓存的Webpack块:

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

如果不是Webpack块,如何在其中包含index.html?

1 个答案:

答案 0 :(得分:0)

我通过添加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'
]})