vue项目中autoprefixer的配置

作者: chengfengwang | 来源:发表于2018-06-05 16:10 被阅读2271次

使用vue-cli创建项目后，找到根目录下的 .postcssrc.js 文件。 autoprefixer便配置在这个js文件中。在这个文件中有一行注释

// to edit target browsers: use "browserslist" field in package.json

意思是让我们去修改package.json中的browserslist来求改浏览器支持。打开package.json文件，在最下面修改browserslist数组即可。例如：

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8",
    "ios >= 8",
    "android >= 4.0"
  ]

貌似有人遇到过bug，说配置不起作用，解决办法为：改为 last 7 versions

"browserslist": [
    "> 1%",
    "last 7 versions",
    "not ie <= 8",
    "ios >= 8",
    "android >= 4.0"
  ]

vue项目中autoprefixer的配置
使用vue-cli创建项目后，找到根目录下的 .postcssrc.js 文件。 autoprefixer便配置在...
在 vue 项目中，使用 autoprefixer
autoprefixer，我理解吧，就是自动补全css前缀的东西，那如何在使用了vue-cli脚手架的时候使用这个...
vue-cli 开发笔记
技术栈 vue-clivue-routervuexaxios 1、vue-cli配置项修改 vue-cli 配置项...
vue-cli+webpack项目总结
关于项目中src/config配置关于项目中config/index配置 ] 关于vue 文件配置autopre...
vue cli - 2 升级到 3的问题汇总
基于已有项目从cli 2项目升级到cli 3项目中，需要修改的几项多页面更改vue.config.js配置， ...
axios 拦截器
1、在 vue3 的项目中全局配置 axios 2、在 vue2 的项目中全局配置 axios 需要在 main....
doc---Hbuilder中配置Autoprefixer
【Autoprefixer】Hbuilder中配置Autoprefixer 1.安装node.js 2.安装Aut...
vue上传图片到oss（带有图片删除功能）
最近Vue项目中，要将用户上传的图片全部上传到oss上，OSS配置项请访问：https://help.aliyun...
.eslintrc.js的内容解析
本文是对vue项目中自带文件eslintrc.js的内容解析，介绍了各个eslint配置项的作用，以及为什么这样...
webpack - svg图片自动转换成css类名
1. 插件安装 2. vue项目中的文件夹创建 3. webpack.dev.config.js中增加配置项注:...