vue.js : vue.js則是直接用在<script>標簽中的,完整版本,直接就可以通過script引用。
vue.common.js :預編譯調試時,CommonJS規范的格式,可以使用require("")引用的NODEJS格式。
vue.esm.js:預編譯調試時, EcmaScript Module(ES MODULE),支持import from 最新標准的。
//----------------------------------------------------------------------
vue.runtime.js :生產的運行時,需要預編譯,比完整版小30%左右,前端性能最優
vue.runtime.esm.js:生產運行時,esm標准。
vue.runtime.common.js:生產運行時,commonJS標准。
借助WebPack的打包,可以根據規范自動選擇,生成的打包的特別小,就是這個道理的優化。
很多都仿效這個編寫了規范。
https://cn.vuejs.org/v2/guide/installation.html#
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...術語