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 那么还要写额外的全局类型等,所以不建议删除。