为了账号安全,请及时绑定邮箱和手机立即绑定

加入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']

}


}

]

}


正在回答

5 回答

"browserslist": [
  "iOS >= 6",
  "Android >= 4",
  "IE >= 9"
],

在package.json加上这段

3 回复 有任何疑惑可以回复我~

{

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')

}


1 回复 有任何疑惑可以回复我~

https://img1.sycdn.imooc.com//5acca50e000173f604410392.jpg

我这样写的 就会加上前缀

1 回复 有任何疑惑可以回复我~
#1

zhoulujun007

没有什么用的
2019-01-07 回复 有任何疑惑可以回复我~

loader是由执行顺序的,顺序是从右向左,这是问题一。

问题二,是你没有引用postcss-loader

建议:

{

test:/\.css$/,

loader:'style-loader!css-loader?importLoaders=1!postcss-loader'

},

尝试一下,希望能帮到你!


0 回复 有任何疑惑可以回复我~
#1

莫思0

亲,你看清楚了;在css-loader之后,是有引用postcss-loader
2020-02-22 回复 有任何疑惑可以回复我~
#2

莫思0

亲,你看清楚了;在css-loader之后,是有引用postcss-loader
2020-02-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

加入postcss-loader的autoprefixer插件不起作用

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号