vue pc項目搭建

1. vue init webpack

2 添加less , cnpm i less less-loader 

複製代碼

-D (iview 樣式是基於less開發的)

3. cnpm install iview -D

    按需引入iview組件 

     cnpm install babel-plugin-import -D

    定製主題：使用iview3時webpack有個坑

    utils.js中 less: generateLoaders('less', { javascriptEnabled: true }),

4.cnpm i vuex -D

5.添加 vue-lazyload ：圖片預加載

   main.js 中 添加  

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
  loading: require('@/common/image/default.png')
})複製代碼

6.全局filter 建目錄components/filters

7.utils 工具包 建目錄components/utils

8. 加載模塊優化 router/index.js

{ path: '/auth/login',

component:   (resolve) => {require(['@/components/kams/auth/login'], resolve) },
},複製代碼

9. meta(禁用頁面緩存)

<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">



複製代碼

10 ployfill ：<script src="//cdn.polyfill.io/v2/polyfill.min.js"></script>

11.添加axios cnpm i axios -D,(des,rsa公司加解密標準)

添加http.js等文件