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

Question

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

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