您的位置:首页 > Web前端 > CSS

webpack 配置postcss

2018-03-19 14:52 453 查看
1、安装postcss-loader
npm install --save-dev postcss-loader

2、然后配置webpack.config.js,特别说明一下 exclude 和 include  ,在网上找的没有这两,然后我在配置完成后,在main.js里 impotr 进来的css 地直找不到,搞了好半天,然后写上这两就可以了,exclude 是接入node_modules里的css,include 是接 src 里的 {
test: /\.css$/,
exclude:/node_modules/,
include:'/src/',
use: [
{
loader: "style-loader"
}, {
loader: "css-loader",
options: {
//modules: true
}
}, {
loader: "postcss-loader"
}
]
},3、配置postcss.config.js,放要根目录,和package.json 放在一起module.exports = {
plugins: {
autoprefixer: {
browsers: ['last 7 iOS versions', 'last 3 versions', '> 1%']
}
}
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: