盖茨比风格在生产构建中不起作用

Question

运行 npm run dev 工作正常，但是 npm run build 创建 production 构建会在 public 构建中创建一个空的 styles.css 文件文件夹。

npm run serve 最终得到一个没有样式的网站，因为它导入了空 styles.css.

我试过在gatsby-config.js中配置的gatsby-plugin-postcss-sass和gatsby-plugin-sass如下：

{
  resolve: "gatsby-plugin-postcss-sass",
  // resolve: "gatsby-plugin-sass",
  options: {
    includePaths: [
      path.resolve(__dirname, './node_modules'),
    ],
    postCssPlugins: [
      autoprefixer({
        browsers: ['last 2 versions'],
      })
    ]
  }
},

Answer 1

事实证明 Gatsby 使用的是 Webpack 1，而我不知何故以 "extract-text-webpack-plugin": "^3.0.0" 结束，而该版本仅与 Webpack 3 兼容。

在我尝试了 yarn add extract-text-webpack-plugin@^1.0.1、npm run clean 和 npm run build 之后，styles.css 现在充满了 CSS 并且 serve 显示了网站有样式。

盖茨比风格在生产构建中不起作用

Gatsby styles are not working in production build

gatsby