JavaScript中ES6 Babel正確安裝過程_

1、JavaScript中ES6 Babel正確安裝過程_ 這篇文章主要介紹了JavaScript中ES6 Babel正確安裝過程的相關(guān)資料,需要的伴侶可以參考下 然后進入主題：安裝Babel（指令行環(huán)境，針對Babel6.x版本） 1、首先安裝babel-cli（用于在終端用法babel） npm install -g babel-cli 2、然后安裝babel-preset-es2021插件 npm install -save babel-preset-es2021 注：Babel5版本默認包含各種轉(zhuǎn)換插件，然而Babel6.x相關(guān)轉(zhuǎn)換插件需要自己下載，如transform-es2021-ar

2、row-functions、transform-es2021-classes等，而ES2021 preset包含了全部插件。假如擔(dān)心裝任何插件，那么在指令行進行轉(zhuǎn)換是沒有任何效果的！ 其中-save參數(shù)自動更新package.json文件，寫進依靠項 3、在指令行輸入： babel es6.js -presets es2021 輸出： use strict; 1, 2, 3.map(function (x) return x * x; ); 注：后面的參數(shù)-presets es2021表示用法該插件進行編譯，假如不寫上轉(zhuǎn)換是沒有效果的。 4、插件配置 每一次都寫上該參數(shù)那是很麻煩的，可以在當前

3、名目下新建配置文件 .babelrc。 但是在windows系統(tǒng)中，不允許挺直右鍵建立沒有文件名的文件，可以通過cmd指令行創(chuàng)建：在當前文件夾打開cmd并鍵入指令 type nul.babelrc 即可在當前名目下建立文件.babelrc，接著在文件中寫入： presets: es2021 那么就可以挺直在指令行中用法babel es6.js進行轉(zhuǎn)換而無需添加表明所用插件的參數(shù) 除了建立.babelrc文件之外，也可在package.json中進行配置，添加以下屬性即可： babel: presets: es2021 附Babel常用指令： 1、轉(zhuǎn)換es6.js文件并在當前命名行程序窗口中輸出

4、 babel es6.js 2、將es6.js轉(zhuǎn)換后輸出到es5.js文件中（用法 -o 或 -out-file ） babel es6.js -o es5.js babel es6.js -out-file es5.js 3、實時監(jiān)控es6.js一有改變就重新編譯（用法 -w 或 -watch ） babel es6.js -w -out-file es5.js babel es6.js -watch -out-file es5.js 4、編譯整個src文件夾并輸出到lib文件夾中（用法 -d 或 -out-dir ） babel src -d lib babel src -out-dir lib 5、編譯整個src文件夾并輸出到一個文件中 babel src -out-file es5.js 6、挺直輸入babel-node指令，可以在指令行中挺直運行