vueCli3.x+ 配置css自动补全

下载依赖

npm install -D postcss-loader autoprefixer postcss

webpack.config.js

在webpack.config.js中添加以下内容，如没此文件，在根目录新建

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader", "postcss-loader"]
      }
    ]
  }
}

postcss.config.js

在postcss.config.js添加以下内容，如没此文件，在根目录新建

module.exports = {
  plugins: {
    autoprefixer:{
      overrideBrowserslist: [
        "Android 4.1",
        "iOS 7.1",
        "Chrome > 31",
        "ff > 31",
        "ie >= 8"
        //'last 10 versions', // 所有主流浏览器最近2个版本
      ],
      grid: true
    }
  }
}

完成

对比

配置前

配置后

确定不来Q群交流一下？ 867364698