Vue 的 js 建構版本資訊

vue - Libraries - cdnjs vue 有多個版本的 js file，每一個版本有不同的用途

cjs

• vue.cjs.js

• vue.cjs.prod.js 有壓縮的正式版

CommonJS，是一種模組的定義，伺服器端使用，透過 require() 在 NodeJS 裡面使用。但目前 NodeJS 已宣布放棄了 CommonJS

global

• vue.global.js    完整版，包含編譯器及 runtime

• vue.global.prod.js 正式版

• vue.runtime.global.js

• vue.runtime.global.prod.js

這是在瀏覽器直接用 <script src""> 引用時使用，會得到一個 global Vue 物件，可直接使用。

完整版跟 runtime 版本的差異是，完整版包含編譯器跟 runtime。編譯器可處理將 template 編譯為 js

browser

• vue.esm-browser.js
• vue.esm-browser.prod.js
• vue.runtime.esm-browser.js
• vue.runtime.esm-browser.prod.js

透過 ES6 原生的 module 使用，可以在瀏覽器內，透過 <script type="module"> 使用

bundler

• vue.esm-bundler.js
• bue.runtime.esm-bundler.js

用在 webpack, rollup, parcel 等建構工具，通常預設是使用 vue.runtime.esm-bundler.js

References

Vue：浅析vue.js完整版 和 vue.runtime.js运行时版 - 掘金

大前端学习笔记--Vue.js 3.0-云社区-华为云