在vue-cli基础之上减小文件体积

1. 通过npm 安装 vue-cli 已经集成完毕
     https://gitee.com/ligeyihayou/Vue-Cli-zyn.git  (vue-router, vuex, vue-lazyload, better-scroll, axios, 允许同一网络手机访问, 读取本机IP地址, http拦截器)

2. 利用webpack externals(翻译：外部的)
    说明：webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问， 官网通过jquery来说明的
    参考链接：http://webpack.github.io/docs/library-and-externals.html
    1.1 修改build下，webpack.base.conf.js // 配置常用的库文件，不会由webpack处理，但是会带来额外的cdm的http请求数量增加，做好权衡
        module.exports = {
            externals: {
                'vue': 'Vue',
                'vuex': 'Vuex',
                'vue-router': 'VueRouter'
            }
        }

     1.2 修改index.html 文件  
        说明：将外部的不被webpack管理的文件，使用cdn的文件已script的方式引入
            eg:
                
                
                
                    
 
                    
 
                    
 
                    
 
                    
 
                    
 
                    
 
                    
 
                    
                
                
                    
                    
                    
                    
                    
 
                
                
                

       1.3 清除router/index.js 中的Vue.use(Vue-router) stroe/index.js 中的 Vue.use(Vuex)

3. 我目前使用的是nginx服务器(启用服务器的gzip压缩)，可以大大加快访问速度
      http {    
            gzip   on;    
            gzip_min_length    1k;    
            gzip_buffers       4  16k;    
            #gzip_http_version  1.1;    
            gzip_comp_level    2; # 压缩级别    # 要压缩的mine类型    
            gzip_types         text/plain application/javascript application/x-javascript text/javascript text/css application/xml application/xml+rss image/jpeg image/gif image/png image/svg+xml;    
            gzip_vary          off;    
            gzip_proxied       expired no-cache no-store private auth;    
            gzip_disable       "MSIE [1-6]\."; # IE6不支持gzip
      }
      nginx -t 查看nginx的配置文件是否正确
      nginx –s reload  //重启