_DefTnT
2017-03-20 11:00
为什么我的在css-loader后面加上参数就会报错呢 {test: /\.css$/,use: [ 'style-loader','css-loader?importLoaders=1', { loader: 'postcss-loader', options: { plugins: function () { return [ require('autoprefixer') ]; } }} ] }
rules: [
{
test: /\.js$/,
include: path.resolve(__dirname,'src'),
exclude: path.resolve(__dirname,'node_modules'),
loader: "babel-loader"
},
{
test: /\.css$/,
use: [
'style-loader', {
loader: 'css-loader',
options: {
// modules: true // 设置css模块化,详情参考https://github.com/css-modules/css-modules
}
}, {
loader: 'postcss-loader',
// 在这里进行配置,也可以在postcss.config.js中进行配置,详情参考https://github.com/postcss/postcss-loader
options: {
plugins: function() {
return [
require('precss'),
require('autoprefixer')
];
}
}
}
]
}
,{
test: /\.less$/,
use: [
'style-loader', 'css-loader', {
loader: "postcss-loader",
options: {
plugins: function() {
return [
require('autoprefixer')
];
}
}
}, 'less-loader'
]
}
]
{
test: /\.css$/,
use: [
{loader: 'style-loader'},
{loader: 'css-loader'},
{
loader: 'postcss-loader',
options: {
plugins: function () {
return [
require('precss'),
require('autoprefixer')
];
}
}
}
]
}
WEBPCAK2 不支持 直接在后面带参数吧
百度了说是不能直接定义自定义配置,在全局的plugins底下写一个函数就可以了:
new webpack.LoaderOptionsPlugin({
options: {
postcss: function() {
return [
require('autoprefixer')({
broswers: ['last 5 versions']
})
]
}
}
})
注意引入webpack
webpack深入与实战
86561 学习 · 721 问题
相似问题