ES6語法 轉爲ES5 babel配置

  1. 下載並安裝 node.js http://nodejs.cn/download/
  2. 開始babel 編譯器的配置
  3. 1.cmd = >
    在這裏插入圖片描述
    2.cd => 進入到項目根目錄
    在這裏插入圖片描述
    3.命令: npm init -y =>創建package.json文件
    在這裏插入圖片描述
    此時在根目錄下有一個文件在這裏插入圖片描述
    4.命令:npm i @babel/core @babel/cli @babel/preset-env -D
    然後是等待大約1分鐘
    5.命令:npm i @babel/polyfill -S
    6.進入到項目package.json 文件中: 添加快速命令
    npm run build ,並在根目錄下新建一個src文件
    在這裏插入圖片描述
    在這裏插入圖片描述
    7.在src中新建一個ES6語法的js文件,在這裏插入圖片描述
    8.在根目錄創建一個文件 .babelrc 文件在這裏插入圖片描述

在命令窗口 : 命令 npm run build
在這裏插入圖片描述
10.此時在dest 目錄下回生成一個ES5語法的js文件
在這裏插入圖片描述
最後 ES6語法轉爲ES5語法完成,在整個過程中 注意細節,在添加文件時 “ ,” 不要忘, 數組還是對象要看清楚。

同時 給大家提供一個在線轉換工具,適合少量的代碼轉換
ES6在線轉ES5

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章