1.安装loader

   安装postcss-loader 和 autoprefixer

   下载：

   cnpm install postcss-loader autoprefixer --save-dev

在webpack.config.js里面设置以下代码

vue自动添加浏览器兼容前后缀_safari

test:/\.css$/,
use: ['style-loader','css-loader',{
    loader: "postcss-loader",
    options:{
        plugins:[
            require("autoprefixer")({
                browsers: [
                    'ie >= 8',
                    'Firefox >= 20',
                    'Safari >= 5',
                    'Android >= 4',
                    'Ios >= 6',
                    'last 4 version'
                ]
            })
        ]
    }
}]

 

设置vue自动添加浏览器兼容前后缀_vue_02

在网站上会发现

vue自动添加浏览器兼容前后缀_css_03

以下解释

vue自动添加浏览器兼容前后缀_firefox_04