打包体积分析和优化

webpack分析工具：webpack-bundle-analyzer

1. 通过<script src="./vue.js"></script>方式引入vue、vuex、vue-router等包（CDN）

// webpack.config.js
if(process.env.NODE_ENV==='production') {module.exports = {devtool: 'none',externals: {vue: 'Vue',vuex: 'Vuex',vue-router: 'VueRouter'}}
}

2. core-js-----babel的一些降级处理(针对ES6的降级处理)(兼容低版本浏览器)

// "build": "vue-cli-service build --modern" // build时加上--modern后会进行两次打包
// 打包出来的html:
// 针对高版本的浏览器(加载的打包体积小)
<script type="module" src="/js/chunk-verder.xxsfds"></script>
// 针对低版本的浏览器才会加载这个
<script scr="/js/chunk-vender.skk113" nomodule></script>