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配置信息的说明

webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀

如何重写 webpack.config.js 并为 LARAVEL 8 添加 SASS

gem 在 Rails 上做出反应:webpack.config.js

【Webpack4】CSS 配置之 postcss-loader

webpack配置css兼容性和压缩