小编To_*_*ave的帖子

我已经将webpack从rc2更新到rc3,因为我无法通过npm start启动我的项目, 我得到的错误就像那样

> webpack-dev-server

Error: options/query provided without loader (use loader + options) in {
  "test": {},
  "exclude": {},
  "use": "file-loader",
  "query": {
    "name": "[name].[ext]"
  }
}

这是我的配置

  module: {
    rules: [
      {
        test: /\.html$/,
        exclude: /node_modules/,
        use: 'file-loader',
        query: {
          name: '[name].[ext]',
        },
      },
      {
        test: /\.s?css$/,
        exclude: /node_modules/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: '[name]__[local]_[hash:base64:5]',
            },
          },
          'sass-loader',
          'sass-resources-loader',
          'postcss-loader',
        ],
        query: {
          modules: true,
        },
      },
      { …

我正在建立我的第一个盖茨比网站。我们将其托管在 AWS S3 上。我们也使用gatsby-plugin-offline.

到目前为止，我无法找到关于如何在新部署后使缓存失效的良好解决方案。

即使我手动取消注册 sw.js Service Worker 并通过 Devtools -> 应用程序 -> 清除存储清理站点数据，浏览器仍然会加载缓存版本（缺少添加的页面、显示旧文本内容等）。

对于部署，我使用amplify.

部署新版本时如何使旧缓存失效？

谢谢。