技術標籤：babel前端

babel:

1. 是一個第三方外掛
2. 是一個語法轉換工具
3. 將高階/有相容性的script程式碼轉化為低階/沒有相容性的JS程式碼

配置babel

1. 安裝

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

#註釋：–save-dev 安裝專案部署後不需要的依賴
-save 安裝專案部署後執行時仍然需要的依賴

2. 安裝babel外掛

npm install --save @babel/polyfill

3. 在專案根目錄建立檔案babel.config.js

const presets = [["@babel/env",{targets:{edge: "17", firefox: "60", chrome: "67", safari: "11.1"}}]]
module.exports = {presets}
 

4. 專案根目錄建立index.js

console.log('ok')

5.輸入命令

npx babel-node .\index.js

結果