關於es6及以上的js編譯成es5


問題:es6及以上版本在IE瀏覽器上不能執行起來,但Chrome瀏覽器上輕松運行,解決兼容IE的問題就需要使用babel;這個可以去babel的官網去查看;

關於babel的簡單使用,有兩種方式:

1、運行時編譯,但這種編譯會加大頁面渲染的時間;

  使用方法:下載babel.min.js引入在需要編譯的文件腳本前面;同時相應的<script>標簽需要添加type=text/babel;接下來直接運行腳本頁面即可;

 

 

 

2、編譯完成之后再運行,強烈建議這種方式,不影響瀏覽器渲染時間;

  使用方法:需要node的支持;使用命令行工具 下載babel相關包。首先在你的需要的項目文件夾執行npm init -y 初始化一下工程;然后執行npm i @babel/col @babel/cli @babel/preset-env -D 下載完相關包之后,打開package.json包文件,在里面的script:{"build":"babel src -d dist"};雖然這些都配置好了,但是還沒有說明需要編譯成什么樣,所以還需要添加.babelrc文件,內容是:{“presets”:[“@babel/preset-env”]};完了之后就可以使用了:在命令行工具里 :npm run build 執行編譯就可以將src目錄下的js文件編譯到dist目錄下;只能編譯js文件,所以需要將js文件單獨引入到html文件中;

 

 

 

 

 


免責聲明!

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



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