workbox webpack插件不会更新由extractTextWebpackPlugin.extract(…)方法生成的CSS文件的修订版本
我正在使用Angular(自定义网页包构建过程)和Workbox v.3.2.0以及Workbox网页包插件v.3.2.0(InjectManifest插件)出于预编译目的,在修改提取文本网页插件生成的style.css文件时遇到困难 如果我更改了相应的CSS文件,Webpack将生成更新的style.CSS文件,但其修订版不会在预缓存清单中更改 结果,我得到的文件没有在服务工作者缓存中更新 以下是网页包配置的相关部分(完整配置太大): 请注意,我不能用这样的东西workbox webpack插件不会更新由extractTextWebpackPlugin.extract(…)方法生成的CSS文件的修订版本,workbox,extract-text-plugin,extracttextwebpackplugin,workbox-webpack-plugin,Workbox,Extract Text Plugin,Extracttextwebpackplugin,Workbox Webpack Plugin,我正在使用Angular(自定义网页包构建过程)和Workbox v.3.2.0以及Workbox网页包插件v.3.2.0(InjectManifest插件)出于预编译目的,在修改提取文本网页插件生成的style.css文件时遇到困难 如果我更改了相应的CSS文件,Webpack将生成更新的style.CSS文件,但其修订版不会在预缓存清单中更改 结果,我得到的文件没有在服务工作者缓存中更新 以下是网页包配置的相关部分(完整配置太大): 请注意,我不能用这样的东西 newextractTextP
newextractTextPlugin(“[name].[contenthash].css”)
由于缓存过时版本的index.html
引用以前版本(不再存在)中的文件时出现了一些问题。这就是为什么我们使用反缓存URL参数,而不是在文件名中嵌入修订
对于任何其他网页包生成的文件,修订版将在没有任何问题的情况下更新(即使对于文件名中没有嵌入修订版的资产)
有人能帮我吗?谢谢:)我已经创建了跟踪这一点,我认为最好在那里继续跟进。请随意加入该问题。@Jeff Posnick,太好了,谢谢!
{
entry: {
'polyfills': './src/polyfills.ts',
'main': AOT ? './src/main.browser.aot.ts' : './src/main.browser.ts',
'style': './src/main.scss'
},
resolve: {
extensions: ['.ts', '.js', 'json', '.scss', '.html'],
modules: [helpers.root('src'), helpers.root('node_modules')]
},
module: {
rules: [
...
{
test: /\.scss$/,
use: ExtractTextPlugin.extract(['css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']),
exclude: [helpers.root('src', 'styles')]
},
...
]
},
plugins: [
...
new ExtractTextPlugin("[name].css"),
new InjectManifest({
swSrc: './service-worker.js',
include: [
/\.html$/,
/\.js$/,
/\.css$/,
/\.ico$/,
/\.json$/,
/\.png/,
/\.svg$/,
/\.gif$/,
/\.woff$/,
/\.ttf$/,
/\/workbox.*\/.*$/,
/css.*\.css$/,
/fonts.*\.(svg|eot|ttf|woff)$/,
/i18n.*\.json$/,
/img.*\.(svg|png|gif|jpeg|jpg)$/,
],
exclude: [
/poc\/.*$/,
/service-worker.js$/,
/icons-sprite/,
],
importWorkboxFrom: 'local',
}),
...
]
}