dist文件夹中有8个文件如下: vue.common.js vue.esm.js vue.js vue.min.js vue.runtime.common.js vue.runtime.esm.js vue.runtime.js...$mount('#app') vue.runtime.js属于: 基于 UMD 的运行时构建,可以用于直接 CDN 引用。...类似, 可以用于直接 CDN 引用, 因为不包含编译器, 所以不能使用template选项, 只能使用render函数: <script src="https://unkpg.com/vue/dist/<em>vue.runtime.js</em>...$mount('#app') vue.runtime.min.js和 <em>vue.runtime.js</em> 一样, 属于压缩后版本 总之记住一句话,完整构建时是可以使用template选项的
module" } 然后分析语法树,并逆向进行翻译成相应的语法代码即可实现代码的编译(转换) 附录 - VUE完整版和运行时 使用vue.js时,可以看到官方提供了两个版本可以使用,包括vue.js(完整版)和vue.runtime.js...(运行时版 vue.runtime.js和vue.js的区别在于,vue.runtime.js不包含模版编译器来获得整个包体积的减少。...new Vue({ el: "#app", data: { value: 0 }, render (h) { return h('div', this.hi) } }) h就是vue.runtime.js
"https://unpkg.com/vue/dist/vue.js">`` 注意:如果你不打算使用模板字符串,因此不需要模板编译器,则会有一个较小的 Vue 构建,省略了这个称为 vue.runtime.js...在构建过程中, 模板被转换为一个渲染函数,因此这是浏览器中精简版 vue.runtime.js 的完美用例。
Browser) 'web-runtime-dev': { entry: resolve('web/entry-runtime.js'), dest: resolve('dist/vue.runtime.js
没有complier complier占40%体积 视图 写在HTML里,或者写在template选项 写在render函数里用h来创建标签 h是尤雨溪写好传给render的 cdn引入 vue.js vue.runtime.js
'web-runtime-dev': { entry: resolve('web/entry-runtime.js'), dest: resolve('dist/vue.runtime.js
Runtime + Compiler vue.runtime.js: 运行时版本,不提供模板编译能力,需要通过 vue-loader 进行提前编译。
Vue.js库只有运行时版本,其中包含Vue.js的所有功能,但模板编译器称为vue.runtime.js。它比完整版本小20KB,因此如果可以的话值得使用。
vue.runtime.common.dev.js ├── vue.runtime.common.js ├── vue.runtime.common.prod.js ├── vue.runtime.esm.js ├── vue.runtime.js
CommonJS | ES Module | | :—-: | :—-: | :—-: | | 独立构建 | vue.js | vue.common.js | vue.esm.js | | 运行构建 | vue.runtime.js...... function Vue$3() { ... } export default Vue$3; 总结: vue.js 和 vue.runtime.js 可以用于直接 CDN 引用; vue.common.js...CommonJS | ES Module | | :—-: | :—-: | :—-: | | 独立构建 | vue.js | vue.common.js | vue.esm.js | | 运行构建 | vue.runtime.js...总结: vue.js 和 vue.runtime.js 可以用于直接 CDN 引用; vue.common.js和vue.runtime.common.js可以使用Webpack1 / Browserify...总结: vue.js 和 vue.runtime.js 可以用于直接 CDN 引用; vue.common.js和vue.runtime.common.js可以使用Webpack1 / Browserify
entry-runtime.js文件作为运行时构建的入口,ESM方式输出 dist/vue.runtime.esm.js,CJS方式输出 dist/vue.runtime.common.js,UMD方式输出 dist/vue.runtime.js
渲染组件时用vue.runtime.js 运行时的render方法进行渲染。 这样我们就能结合VUE和Lizard,让乐高系统充分接纳VUE组件。 ?
vue.js:完整版本,包含了模板编译的能力; vue.runtime.js:运行时版本,不提供模板编译能力,需要通过 vue-loader 进行提前编译。 ? Vue不同构建版本 ?
文件变成了 8 个,分别是: vue.common.js vue.esm.js vue.js vue.min.js vue.runtime.common.js vue.runtime.esm.js vue.runtime.js
alias: { 'vue$': 'vue/dist/vue.esm.js' } } } 使得每次在使用vue的时候会查找指定的文件 (默认情况下使用的是vue/dist/vue.runtime.js
领取专属 10元无门槛券
手把手带您无忧上云