workbox webpack插件不会更新由extractTextWebpackPlugin.extract(…)方法生成的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

我正在使用Angular(自定义网页包构建过程)和Workbox v.3.2.0以及Workbox网页包插件v.3.2.0(InjectManifest插件)出于预编译目的,在修改提取文本网页插件生成的style.css文件时遇到困难

如果我更改了相应的CSS文件,Webpack将生成更新的style.CSS文件,但其修订版不会在预缓存清单中更改

结果,我得到的文件没有在服务工作者缓存中更新

以下是网页包配置的相关部分(完整配置太大):

请注意,我不能用这样的东西
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',
    }),
    ...
  ]
}