初始化

新建一個空文件夾，空文件夾下cmd npm init -y初始化一個新項目

安裝Babel依賴

• @babel/cli
  用于在命令行編譯文件 官方文檔地址
• @babel/core
  Babel的核心，各種轉換的方法都寫在這里 官方文檔地址
• @babel/preset-env
  智能的編譯js，只需要指定你要支持的瀏覽器范圍，就可以智能的編譯。 官方文檔地址

npm install @babel/cli @babel/core @babel/preset-env --save-dev

添加配置文件

.babelrc

{"presets": ["@babel/preset-env"] }

.browserslistrc 用于指定編譯后的js支持的瀏覽器范圍

"> 1%"

package.json的scripts中添加

"babel": "babel src --out-dir dist --watch"

添加測試文件

新建一個src文件夾，在文件夾中添加test.js,寫一點es7的代碼

function box(){new Promise((resolve,reject)=>{setTimeout(()=>{return resolve(135300)})}) }async function test(){let a = await box() } console.log(test())

文件目錄

運行

npm run babel

查看dist/test.js文件可以看到編譯后的js

總結

以上是生活随笔為你收集整理的Babel7的简单使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。