码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-01-20 20:11:39      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:export   use   ==   font   ade   css   前缀   pac   stc   

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加载器,自动添加前缀

标签:export   use   ==   font   ade   css   前缀   pac   stc   

原文地址:https://www.cnblogs.com/songxia/p/10295795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!