盖茨比风格不生产生产

Question

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

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

因此，原来盖茨比正在使用的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显示带有样式的网站。