vue 脚手架打包、上线---

vue 脚手架打包、上线—

1.基本打包

    1.1.打包前 先 排除一下错误   npm run clint   会出现很多error ，排除自身的错点就好了
    1.2.npm run build

2.打包优化

     2.1.优化掉第三方包------使用cdn 
         1.注释掉原先的导入和Vue.use('xxx')
    2.2.在原先的 public 里面中的 index.html中，用 script 导入        
    2.3.在vue.config.js 中配置， webpack的配置
    // 配置参考: https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE 
        configureWebpack:{
	    	externals: {
	      		vue: 'Vue'
	    	}
	  	}

File Size Gzipped

dist\js\chunk-vendors.a884383a.js 108.59 kb 49.44 kb
dist\js\app.9776473b.js 59.37 kb 13.44 kb
dist\css\app.59129e63.css 43.24 kb 9.59 kb