-
vue.js
直接用在 script 標(biāo)簽中的完整版本（同時(shí)包含編譯器 compiler 和運(yùn)行時(shí) runtime），可以看到源碼，適用于開發(fā)環(huán)境。
這個(gè)版本視圖可以寫在html 或者 template 里：
// template：需要編譯器 new Vue({ template: '<div>{{ hi }}</div>' }) -
vue.mini.js
直接用在 script 標(biāo)簽中的完整版本（同時(shí)包含編譯器 compiler 和運(yùn)行時(shí) runtime），但是經(jīng)過壓縮丑化處理，取消了注釋和警告，體積較小，適合在生產(chǎn)環(huán)境下使用。
-
vue.runtime.js
vue 運(yùn)行版。相比完整版體積要小大約 30%，用來創(chuàng)建 Vue 實(shí)例、渲染并處理虛擬 DOM 等的代碼?；旧暇褪浅ゾ幾g器的其它一切。
這個(gè)版本視圖寫在 render 函數(shù)里，用 h 來創(chuàng)建標(biāo)簽。（h是開發(fā)者寫好后傳給render的）：
// render：不需要編譯器 new Vue({ render (h) { return h('div', this.hi) } }) -
vue.runtime.mini.js
vue 運(yùn)行版的壓縮版本，生產(chǎn)環(huán)境使用。
-
vue.esm.js
預(yù)編譯調(diào)試時(shí)，支持通過原生 EcmaScript Module 導(dǎo)入訪問（webpack2 及之后版本都使用這個(gè)）。開發(fā)環(huán)境使用。 -
vue.esm.mini.js
預(yù)編譯調(diào)試時(shí)，支持通過原生 EcmaScript Module導(dǎo)入訪問（webpack2 及之后版本都使用這個(gè)）。生產(chǎn)環(huán)境使用。
-
vue.common.dev.js
預(yù)編譯調(diào)試時(shí)，支持通過 CommnJS 規(guī)范導(dǎo)入訪問（webpack1 版本都使用這個(gè)）。開發(fā)環(huán)境使用。
-
vue.common.prod.js
預(yù)編譯調(diào)試時(shí)，支持通過原生 CommnJS 規(guī)范訪問（webpack1 版本都使用這個(gè)）。生產(chǎn)環(huán)境使用。
-
vue.global.js
全局變量版本（通過 Vue 全局變量訪問）。開發(fā)環(huán)境使用。
-
總結(jié)
-
若是自己寫個(gè)小 demo 測試一下文章來源：http://www.zghlxwxcb.cn/news/detail-611163.html
- 用 vue.js 即可，方便閱讀源碼
-
若你是用 vue2 + webpack2 開發(fā)項(xiàng)目（vue-cli 采用的方式）文章來源地址http://www.zghlxwxcb.cn/news/detail-611163.html
- 開發(fā)環(huán)境用 vue.esm.js
- 生產(chǎn)環(huán)境用 vue.runtime.esm.js，比完整版小 30% 左右，前端性能更優(yōu)
-
到了這里，關(guān)于vue 文件擴(kuò)展名中 esm 、common 、global 以及 mini 、 dev 、prod 、runtime 的含義的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
