關(guān)于webpack2.0里面css-loader的參數(shù)ImportLoaders配置出錯
/*?webpack?2.0?*/ { test:?/\.css$/, use:?[ 'style-loader', { loader:?'css-loader?importLoaders=1', //?query:{ //? importLoaders?:?1 //?} }, { loader:?'postcss-loader', options:?{ plugins:function(){ return?[ require('autoprefixer')({ browsers:?["last?5?versions"] }) ]; } } } ] }
老師,在webpack2.0里面,如果是在一個CSS里面import另外一個CSS文件。
使用上面的loader配置,會報錯
ERROR?in?./~/css-loader?importLoaders=1!./~/postcss-loader?{}!./css/common.css Module?build?failed:?Error:?No?PostCSS?Config?found?in:?E:\webfrontend\npmstudy\webpack-first-demo\css ????at?Error?(native) ????at?E:\webfrontend\npmstudy\webpack-first-demo\node_modules\postcss-load-config\index.js:51:26 ?@?./~/css-loader?importLoaders=1!./~/postcss-loader?{}!./css/layer.css?3:10-134 ?@?./css/layer.css ?@?./index.js
我是按照postcss-loader的npm官網(wǎng)上的實例配置的
https://www.npmjs.com/package/postcss-loader
這是什么呢?
此題,我已經(jīng)在下面自問自答了各位。
2017-03-16
必須得配置postcss.config.js么?我也是按照官網(wǎng)在webpack.config.js中配置的,然后一樣的錯誤,怎么解決的昂?= =求告知0.0
2017-03-08
也還是不行
2017-03-07
不添加新的配置文件,這樣寫可以通過
2017-03-07
css-loader 文檔已經(jīng)更新,推薦使用下面數(shù)組的方式,可以使用
2017-02-18
第二種方式的問題已經(jīng)找到解決方案
在webpack2.0里的webpack.config.js中,已經(jīng)不在允許用戶自定義options的key值了。也就是說不能在
module.exports={...}這里面將postcss作為一個Key啦。錯誤提示告訴用戶,需要使用
LoaderOptionsPlugin
2017-02-16
新建postcss.config.js
這種方式可行。
目前還不知道為什么第二種方式不行!
2017-02-16
不給css-loader加參數(shù)importLoaders=1 是能夠正常打包的,不會提示錯誤。但是對于包含@import方式的css就不能進行前綴等轉(zhuǎn)換了。
但是加上importLoaders=1 再打包就會報錯了。
我真不知道具體原因是什么。
2017-02-16
主要還是找不到post-css 的配置,你安裝了?postcss-load-config ?你可以在項目下新建一個 postcss.config.js 來解決,webpack 中就不用寫了