實用:使用nodejs包管理npm安裝babel解決javascript版本兼容問題(javascript轉譯器)

配置npm安裝環境:
1.修改下載的鏡像源,在項目路徑下創建.npmrc內容如下:
在這裏插入圖片描述
2.使用npm init 初始化項目目錄(不會影響目錄下原文件),填寫初始化信息後會自動生成package.json文件
在這裏插入圖片描述
3.驗證一下(查看文件內容):
在這裏插入圖片描述
安裝babel轉譯器
1.安裝,命令:npm install babel-core babel-cli --save-dev
在這裏插入圖片描述
2.驗證,生成的文件和被修改過的package.json文件
在這裏插入圖片描述
3.修改package.json文件
原文件變化
在這裏插入圖片描述

4.創建轉譯後代碼的存放目標目錄lib,並配置babel(創建.babelrc文件,json格式)
在這裏插入圖片描述
5.安裝依賴:npm install babel-preset-env --save-dev
在這裏插入圖片描述
在這裏插入圖片描述
查看.package.json文件變化,並修改轉譯後的目標源目錄和目標目錄
在這裏插入圖片描述
6.找到你要轉譯的文件所在目錄,此例爲:src
在這裏插入圖片描述
轉譯的文件模塊內容示例:
在這裏插入圖片描述
在這裏插入圖片描述

7.開始轉譯:npm run build
在這裏插入圖片描述
查看目標目錄lib下生成的文件:
在這裏插入圖片描述
查看成功轉譯之後的文件:
在這裏插入圖片描述
在這裏插入圖片描述
執行文件看是否成功
在這裏插入圖片描述
單個文件轉譯:
1.找到你的nodejs安裝路徑,並對npx命令做軟鏈接
/home/yzx/soft/node-v10.16.0-linux-x64/bin
使用npx對單個js文件進行轉譯:
在這裏插入圖片描述
原文件內容:
在這裏插入圖片描述
轉譯後的新文件內容:
在這裏插入圖片描述
執行新文件:(發現當前並不支持轉譯後的執行)往後需要用到自動化工具
在這裏插入圖片描述

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