VUEJS文件擴展名esm.js和common.js是什么意思


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...術語

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM