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

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