postcss webpack3.0配置

来源:互联网 发布:淘宝销售额统计 编辑:程序博客网 时间:2024/06/01 22:39

在webpack.base.conf.js中如下配置:
这里写图片描述

{
test: /.less/,
use: [
{loader: ‘style-loader’},
{
loader: ‘css-loader’, options: {
sourceMap: true, modules: true,
localIdentName: ‘[local]_[hash:base64:5]’
}
},
{
loader: ‘postcss-loader’,
options: {
sourceMap: true,
config: {
path: ‘.postcssrc.js’ // 这个得在项目根目录创建此文件
}
}
}
]

}

在.postcssrc.js中如下配置:

module.exports = {
plugins: [
require(‘autoprefixer’)
]
};

.postcssrc.js放在根目录下

原创粉丝点击