webpack3.0中的css轉換器配置,之前錯了不少,希望能給到調試錯誤的同學幫助,僅供參考
建議在webpack.config.js同層目錄下建立postcss.config.js,否則如果你把postcss的一些options寫在loader里面,你引入less和sass的時候同樣需要再寫一遍postcss的配置。
postcss.config.js代碼如下:
module.exports = {
????????plugins:[
????????? ? ? ? require('postcss-import'),//需要安裝 npm install postcss-import --save-dev,這句代碼是會對一個js文件里面import進來的多個css放在同一個style里面,如果是多個文件引入就會生成多個
????????? ? ? ? require('autoprefixer')({
????????? ? ? ? ? ? ? ? broswers:['>1%','last 5 versions','Firefox ESR','not ie < 9']
????????? ? ? ? ?})
?????????]
}
webpack.config.js代碼如下:
????????????{
? ? ? ? ? ? ? ? test: /\.css$/,
????????????????//這里用數組方式或者loader字符串連接方式都可以
? ? ? ? ? ? ? ? use:[
????????????????????????'style-loader',
? ? ? ? ? ? ? ? ? ? ? ? 'css-loader?importLoaders=1',//對于css中@import進來的css同樣做前綴處理
????????????????????????'postcss-loader'
? ? ? ? ? ? ? ? ]
? ? ? ? ? ? }
2017-12-29
說的很對~
2018-12-25
代碼報錯的話? 吧這句“?importLoaders=1”刪除既可。
2018-03-04
厲害 有幫助
2018-02-28
browsers 拼錯了。。。。。。。。。。。。。。。
2018-01-21
贊,找了好久終于該對了。