加入postcss-loader的autoprefixer插件不起作用
沒(méi)有報(bào)錯(cuò)的情況下,只用了Google和ie瀏覽器打開(kāi),并沒(méi)有看到樣式預(yù)處理,可能是什么原因
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進(jìn)來(lái)的資源;2代表css-loader后還需要使用幾個(gè)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
我這樣寫(xiě)的 就會(huì)加上前綴
2018-04-01
loader是由執(zhí)行順序的,順序是從右向左,這是問(wèn)題一。
問(wèn)題二,是你沒(méi)有引用postcss-loader
建議:
{
test:/\.css$/,
loader:'style-loader!css-loader?importLoaders=1!postcss-loader'
},
嘗試一下,希望能幫到你!