使用Babel轉碼 將es6轉為es5

2021-10-12 12:39:18 字數 473 閱讀 3899

babel提供babel-cli工具,用於命令列轉碼。它的安裝命令如下:(全域性安裝,)

npm install -g babel-cli

#檢視是否安裝成功

babel --version

在專案根目錄下初始化專案

npm init -y
babel的配置檔案是.babelrc,建立個.babelrc名稱的檔案存放在專案的根目錄下,該檔案用來設定轉碼規則和外掛程式,presets欄位設定轉碼規則

在根目錄中安裝

npm install -d babel-preset-es2015
# 整個目錄轉碼

# --out-dir 或 -d 引數指定輸出目錄

babel src -d dist

babel轉碼器 es6新語法轉es5語法

babel轉碼器是不知道某個技術大牛研究出來的,供我們這些技術小白使用的,將es6,es7新語法轉換為es5供其他開發平台解析 在使用 babel 之前 我們先檢測一下當前 node 對 es6 的支援情況。在命令列下執行以下命令安裝 es checker npm install g es chec...

ES6模組的轉碼

瀏覽器目前還不支援es6模組,為了實現立刻使用,我們可以將其轉為es5的寫法.除了babel可以用來轉碼,還有以下兩個方法也可以用來轉碼 es6 moudule transpiler systemjs es6 moudule transpiler是square公司開源的乙個轉碼器,可以將es6模組轉...

ES6 使用總結

es6 全稱ecmascript 2015 字串模板 es5字串的拼接是用 完成的,es6是 拼接,其中變數引用為 擴充套件運算子 兩者有相同的物件屬性,後者值覆蓋前者 obj 箭頭函式 更改this的指向問題 變數提公升 let與const 注釋 const雖然為不可變更的常量,但是當其定義為物件...