Gatsby 样式在生产版本中不起作用

Question

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

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

我尝试了gatsby-plugin-postcss-sass并gatsby-plugin-sass配置gatsby-config.js如下：

{
  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 cleanand 之后npm run build，styles.css 现在填充了 CSS 并serve显示带有样式的网站。