鍍金池/ 問答/HTML/ webpack打包css使用@import時postcss報錯

webpack打包css使用@import時postcss報錯

如果在webpack的配置文件中對postcss進行配置的話,在css文件中使用@import的時候,webpack打包時postcss會報 Error: No PostCSS Config found in的錯誤。但是如果是在postcss.config.js中單獨對postcss進行配置的話就不會報上述的錯誤。
這是在webpack.config.js中的配置:

{
    test: /\.css$/,
    exclude: /node_modules/,
    use: [{
        loader: 'style-loader'
    },
    {
        loader: 'css-loader',
        options: {
            importLoaders: 1 // 0 => 無 loader(默認(rèn)); 1 => postcss-loader; 2 => postcss-loader, sass-loader
        }
    },
    {
        loader: 'postcss-loader'
    }]
}

這是在postcss.config.js中對postcss進行的設(shè)置:

module.exports = {  
  plugins: {  
    'autoprefixer': {browsers: 'last 5 version'}  
  }  
} 
回答
編輯回答
孤星

要使用import需要postcss-import插件 安裝該插件后 在你的postcss配置中的plugin里面添加reuqire('postcss-import')就不會報錯了

2018年3月10日 11:35