网站建设 之 前端瘦身

webpack会将所有的依赖包都生成并打包到js/chunk-vendors.97b0334e.js中，这样会导致这个包的体积过大，在加载的时候会有延时。

在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。

aaa表示要引入的资源的名字，bbb表示该模块提供给外部引用的名字，由对应的库自定。例如，vue为Vue，vue-router为VueRouter。后者表示自己要使用的名字。

引入的 vue 文件必须是游览器版本，最少需要包含 vue 的运行时源码，也就是 vue.runtime.min.js 这个文件，可以到各大cdn网站上获取。

运行时源码和完整版有什么不同？
运行时源码少了编译器，而完整版有，因为 vue-loader 编译后已经编译了 template ，所以不需要再次编译。这意味着运行时源码还要小一点
是否需要删除 import Vue 语句？
不用删除，但是要配置不打包 cdn 引入的模块，需要在 webpack 中设置不打包 vue 等使用 cdn 引入的模块。
当然也可以删除，但是不建议。如果你安装项目的时候使用了 eslint 这样的语法编辑器，就会直接报错，类似 Vue undefined 这样，可以用 window.Vue 来调用，不建议，因为这会丢失语法提醒。若是安装了 typescript 那么还要写额外的全局类型等，所以不建议删除。