對babel進行復習??????
Babel Register
第一：在專案根目錄下創建一個 .babelrc 檔案，寫入以下內容：
{
"presets": [
]
}
第二：安裝對應的轉碼規則：
# ES2015轉碼規則
$ npm install --save-dev babel-preset-es2015
# react轉碼規則
$ npm install --save-dev babel-preset-react
# ES7不同階段語法提案的轉碼規則（共有4個階段），選裝一個
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3
第三：將 .babelrc 檔案中修改為以下內容：
{
"presets": [
"es2015"
]
}
第四步（從第四步開始，前三部必不可少）：
- babel-cli：命令列轉碼
- babel-node：babel-cli工具自帶一個babel-node命令，提供一個支持ES6的REPL環境
- babel-register：實時轉碼，所以只適合在開發環境使用
- babel-core：如果某些代碼需要呼叫Babel的API進行轉碼，就要使用babel-core模塊
babel-cli：
一種使用方式就是全域安裝：npm install -g babel-cli（可以通過 npm root -g 查看全域包安裝目錄），
只要全域安裝了 babel-cli，則會在命令列中多出一個命令：babel，
這里如果使用全域安裝的 babel-cli 進行轉碼是沒有問題的，但是問題是如果一旦專案給了別人，
別人不知道你使用了這個轉碼工具，所以解決方式就是將 babel-cli 安裝到本地專案中：
npm install --save-dev babel-cli
這種第三方命令列工具如果安裝到本地專案，會在 node_modules 中生成一個目錄：.bin，
然后第三方命令列工具會將對應的可執行檔案放到該目錄中，
這樣的話，就可以直接在本地專案中使用該第三方命令列工具了，
對于如何使用，則可以通過配置 package.json 檔案中的 scripts 欄位來配置使用：
{
"name": "babel-demo",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "babel demo1.js"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-preset-es2015": "^6.22.0",
"babel-preset-react": "^6.22.0"
}
}
babel-register（適合開發階段，實時編碼轉換）:
第一：安裝 babel-register
npm install --save-dev babel-register
第二：添加一個傀儡檔案(main.js)：
require('babel-register')
require('你的核心功能代碼入口檔案模塊')
第三：使用 node 執行 main.js，而不是你的入口檔案.
--save 和 --save-dev
通過 --save 引數安裝的包，是將依賴項保存到 package.json 檔案中的 dependencies 選項中，
通過 --save-dev 引數安裝的包，是將依賴項保存到 package.json 檔案中的 devDependencies 選項中，
無論是 --save 或者 --save-dev 安裝的包，通過執行 npm install 都會將對應的依賴包安裝進來，
但是，在開發階段會有一些僅僅用來輔助開發的一些第三方包或是工具，然后最終上線運行（到了生產環境），
這些開發依賴項就不再需要了，就可以通過 npm install --production 命令僅僅安裝 dependencies 中的
依賴項
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/153400.html
標籤：JavaScript
上一篇：復習node中加載靜態資源--用express+esj
下一篇：express中間件