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代理提供的代理配置：