• 1.8k

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

vue.js

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
阅读 7k
评论
    2 个回答
    • 3.1k

    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...术语

    评论 赞赏
      • 154
      评论 赞赏
        撰写回答

        登录后参与交流、获取后续更新提醒