【常识】Vue打包后的版本说明

[sleepyShen1989]

基本说明

• vue(.runtime).global(.prod).js
  • 通过浏览器中的script标签直接使用
  • 和通过CDN直接下载的版本一致
  • 暴露一个全局的Vue来使用
• vue(.runtime).esm_browser(.prod).js
  • 通过原生ES模块导入使用（<script type="module">）
• vue(.runtime).esm_bundler.js
  • 用于webpack,rollup和parcel等构建工具
  • 如果需要解析模版template，需要手动指定vue.esm-bundler.js
• vue.cjs(.prod).js
  • 服务端渲染使用
  • 通过require()在Node.js中使用

补充说明

• 前缀为 vue.runtime.* 的文件是只包含运行时的版本：不包含编译器，当使用这个版本时，所有的模板都必须由构建步骤预先编译。
• 名称中不包含 .runtime 的文件则是完全版：即包含了编译器，并支持在浏览器中直接编译模板。然而，体积也会因此增长大约 14kb。
• 默认的工具链中都会使用仅含运行时的版本
• 运行时+编译器：包含对template模版的编译代码（SFC or template option）
• 仅运行时: h函数