源自：4-4 处理项目中的 css
加入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']
}
}
]
}
提问者：qq_驾辕的位置_0
2018-03-15 09:22
个回答
-
- Echonessy
- 2019-08-27 11:43:46
"browserslist": [ "iOS >= 6", "Android >= 4", "IE >= 9" ],
在package.json加上这段
-
- NotANumber
- 2019-03-21 15:14:56
-
- qq_Y_353
- 2018-11-12 17:12:13
{
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')
}
-
- 慕粉1007459133
- 2018-04-10 19:51:14
我这样写的 就会加上前缀
-
- 宝慕林3022018
- 2018-04-01 20:04:16
loader是由执行顺序的，顺序是从右向左，这是问题一。
问题二，是你没有引用postcss-loader
建议：
{
test:/\.css$/,
loader:'style-loader!css-loader?importLoaders=1!postcss-loader'
},
尝试一下，希望能帮到你！