蓋茨比風格不生產生產

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顯示帶有樣式的網站。