加入postcss-loader的autoprefixer插件不起作用
沒有報錯的情況下,只用了Google和ie瀏覽器打開,并沒有看到樣式預處理,可能是什么原因
webpack.config.js:
{
test:/\.css$/,
loaders:[
"style-loader","css-loader",
{
loader:"postcss-loader",
options:{
plugins:[require('postcss-import'),require('autoprefixer')],
browser:['last 10 versions']
}
}
]
}
2019-08-27
在package.json加上這段
2019-03-21
https://www.cnblogs.com/hellowoeld/p/10571792.html??
2018-11-12
{
test:/\.css$/,
use:[
'style-loader',
{loader:'css-loader',options:{importLoaders:1}},//importLoaders代表import進來的資源;2代表css-loader后還需要使用幾個loader
{loader: 'postcss-loader',options:{plugins:[require("autoprefixer")("last 100 versions")]}}],
exclude:path.resolve(__dirname,'/node_modules'),
include:path.resolve(__dirname,'src')
}
2018-04-10
我這樣寫的 就會加上前綴
2018-04-01
loader是由執行順序的,順序是從右向左,這是問題一。
問題二,是你沒有引用postcss-loader
建議:
{
test:/\.css$/,
loader:'style-loader!css-loader?importLoaders=1!postcss-loader'
},
嘗試一下,希望能幫到你!