Vue.js项目的兼容性与部署配置

一、处理兼容性问题的相关插件：

1> 解决移动端某些版本的浏览器，点击事件有3s延时触发的问题

· 安装 fastclick 依赖包：npm install fastclick --save-dev

· 在Vue项目的Main.js中将 fastclick 绑定到 body 即可：

import fastClick from 'fastclick'
fastClick.attach(document.body)

2> 解决部分低版本安卓浏览器不支持 promise （es6新特性）的问题（还有部分白屏的需要打包编译即可解决）

·  安装 babel-polyfill 依赖包：npm install babel-polyfill --save

· 在 vue 项目的 mian.js 中引用即可：import 'babel-polyfill'

3> 清除 css 初始样式：rest.css

解决2倍、多倍屏1px边框的问题：border.css

备注：这些css文件在百度搜索就可以找到

二、 项目的部属与配置：

1> 路径别名配置（build/webpack.base.conf.js文件）：

2> ESLint代码规范检测（build/webpack.base.conf.js文件，注释一下代码就不会进行检测）：

备注：在WebStrom中可以安装ESLint插件进行快捷代码格式化（WebStrom中可以安装ESLint代码快捷格式化插件：https://blog.csdn.net/qq_29329037/article/details/80100450）

3> webpack代理提供的代理配置：