原创

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
    }
  }
}

完成

对比

配置前

配置后

vue
webpack
  • 作者:零三(联系作者)
  • 最后更新时间:2020-07-11 20:11
  • 版权声明:自由转载-非商用-非衍生-保持署名
  • 转载声明:来源地址 https://web03.cn