为项目添加autoprefixer

1.安装：npm install autoprefixer2.配置/build/webpack.base.conf.js添加：const autoprefixer = require("autoprefixer");和{test: /\.vue$/,exclude: /node_modules/,...

马优晨

4683人浏览 · 2019-04-01 14:43:20

马优晨 · 2019-04-01 14:43:20 发布

1.安装：

npm install autoprefixer

2.配置

/build/webpack.base.conf.js

添加：

    const autoprefixer = require("autoprefixer");

和

    {
                   test: /\.vue$/,
                   exclude: /node_modules/,
                   loader: "vue-loader",
                   options: {
                       postcss: [require("autoprefixer")({
                           browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie> 8']
                       })]
                   }
    }

3. 查看结果 package.json

  "dependencies": {
    "autoprefixer": "^9.5.0",
    "axios": "^0.18.0",
    "jquery": "^2.2.4",
    "swiper": "^4.4.6",
    "underscore": "^1.9.1",
    "vue": "^2.5.16",
    "vue-resource": "^1.5.1"
  },
  "browserslist": [
    "> 1%",
    "last 7 versions",
    "not ie <= 8",
    "ios >= 8",
    "android >= 4.0"
  ]