vue使用的是rollup构建的,具体怎么构建的不重要,总之会构建出很多不同版本的vue。按照使用方式的不同,可以分为以下三类:
- UMD:通过
<script>
标签直接在浏览器中使用。 - CommonJS:使用比较旧的打包工具使用,如webpack1。
- ES Module:配合现代打包工具使用,如webpack2及以上。
UMD | CommonJS | ES Module | |
---|---|---|---|
Full | vue.js | vue.common.js | vue.esm.js |
Runtime-only | vue.runtime.js | vue.common.js | vue.runtime.esm.js |
区分完整版和运行时版本的关键是因为vue-loader,它会将我们在template内定义的内容编译为render函数,完整版就自带这个编译器,而运行时版本就没有
vue-cli默认是使用vue.esm.js,
可以通过更改’vue$’: 'vue/dist/vue.esm.js’更改版本