在 vue 项目中,使用 autoprefixer

autoprefixer,我理解吧,就是自动补全css前缀的东西,那如何在使用了vue-cli脚手架的时候使用这个插件呢?以下是基于webpack项目下的解决方案,参考了:https://segmentfault.com/q/1010000009043539/

在  项目名/build/webpack.base.conf.js  里加上

const autoprefixer=require("autoprefixer")

postcss:[require('autoprefixer')({ browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie> 8'] })]

像这样:

然后,为了兼容大多数主流机型,在package.json里面找到 browserslist ,加上

 "iOS >= 8","Firefox >= 20","Android > 4.4"

我的是这样的

别忘了npm install postcss, npm install autoprefixer

大功告成

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 5,209评论 0 2
  • Webpack学习总结 此文只是自己学习webpack的一些总结,方便自己查阅,阅读不变,非常抱歉!! 下载安装:...
    Lxs_597阅读 984评论 0 0
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,220评论 7 35
  • 本文转自该博客项目源码http://discipled.daoapp.io/#/ 众所周知为兼容所有浏览器,有的 ...
    leonC走来阅读 1,934评论 0 0
  • 这周又近末尾。2.0的目标已定,陪女儿学习这块,继续改进,不断 反省 。 游泳还是没去过。近两周好像一直处于紧张状...
    b45983d22e7e阅读 156评论 0 0