vue-cli自动补全css前缀
vue自动补全前缀
需要安装
postcss
和autoprefixer
两个npm包。
- 1.安装
npm install postcss
npm install autoprefixer
- 2.在package.json文件修改 browserslist
"browserslist": [
"> 1%",
"last 3 versions",
"not ie <= 8",
"chrome >= 14",
"safari >= 3",
"ios >= 8",
"android >= 4.0"
]
- 3.在根目录新建postcss.config.js文件
module.exports = {
plugins: {
autoprefixer: {}
}
}
- 4.重新启动项目即可。
tips
安装后运行发现有报错:
Error: PostCSS plugin autoprefixer requires PostCSS 8.Migration guide for end-users:
。可能是版本问题导致不兼容,直接安装的是最新版本(10.2.5),这时候我们需要降低一下版本即可。
npm i postcss-loader autoprefixer@8.0.0 -D
- 安装完重新运行即可。