webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀
Posted Summer_2014
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀相关的知识,希望对你有一定的参考价值。
1. 安装:复制拷贝文件
cnpm install postcss-loader autoprefixer --save-dev
2. webpack.config.js中使用
rules: [
//配置css加载器
{
test: /.css$/,
use: cssExtract.extract({
fallback: "style-loader",
use: ["css-loader", "postcss-loader"]
})
},
//配置sass加载器
{
test: /.scss$/,
use: sassExtract.extract({
fallback: ‘style-loader‘,
use: [‘css-loader‘, "postcss-loader", ‘sass-loader‘]
})
},
]
3. 创建一个postcss.config.js文件,并配置如下
module.exports = {
plugins: [
require(‘autoprefixer‘)
]
}
以上是关于webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀的主要内容,如果未能解决你的问题,请参考以下文章
webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀
如何重写 webpack.config.js 并为 LARAVEL 8 添加 SASS
gem 在 Rails 上做出反应:webpack.config.js