vue的CDN有几种文件结尾,分别是什么意思?

mypoly
  • 1.8k

CDN地址:
http://www.bootcdn.cn/vue/

下面几种文件结尾分别是什么意思?

vue.js
vue.common.js
vue.esm.js
vue.runtime.js
vue.runtime.esm.js
vue.runtime.common.js
回复
阅读 9.4k
2 个回答
趁你还年轻
  • 4k
✓ 已被采纳

common和esm分别是2种现代模块化规范CommonJS和EcmaScript Module的缩写。
现在主流的webpack2采用esm,也就是es6及以上的模块化编程,说白了就是

import ... from ...

vue.runtime.js则是运行时的意思,纯粹全是javascript,适用于生产环境,需要经过预编译。
官方说法是用来创建 Vue 实例,渲染并处理 virtual DOM 等行为的代码。基本上就是除去编译器的其他一切。

vue.esm.js,预编译+运行时,也就是模板字符串和现在最常用的单文件组件.vue文件,需要经过它预编译转化成纯javascrit,然后再运行,适用于开发环境。
官方说法叫用来将模板字符串编译成为 JavaScript 渲染函数的代码。

vue.js则是直接用在<script>标签中的。

1.若是自己写个小demo测试一下

用vue.js即可,方便阅读源码

2.若你是用vue2+webpack2开发项目(vue-cli采用的方式)

开发环境用vue.esm.js
生产环境用vue.runtime.esm.js,比完整版小30%左右,前端性能更优

最后附上官方说明地址:

https://cn.vuejs.org/v2/guide...术语

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏