[JavaScript知识库]vue源码 - 不同的构建版本

不同构建版本

参考

vue对不同构建版本的解释文档

说明

• 完整版包含编译器，编译器作用是把template转化为render函数，但是体积比较大
• 运行时版本(vue.runtime.js 推荐使用)不能解析js文件中的template模板，会报错，如果想在js文件中写dom需要使用render函数的形式编写代码。但是我们一般写vue都是在.vue的单文件组件中写的，单文件组件浏览器是不能识别的，所以在打包的时候会把单文件组件打包成js的对象，在转换成js对象的过程中它还会帮我们把这些模板转换成render函数，所以我们单文件组件在运行时也是不需要编译器的。
• tree-shaking(摇树)：会把用不到的代码剔除
• 如果想要看vue-cli创建出来的项目的webpack配置文件可以运行vue inspect来看，如果想把结果输入到某个文件中 可以在后面加上 > 文件名就行