<ul id="ggqos"></ul>

<strike id="ggqos"></strike>

<ul id="ggqos"></ul>

Babel入門——ES6轉ES5

stdying 發布于2019-08-22 11:22 / 1423人閱讀

摘要：首先安裝使用時在文件頭加載然后，就不需要手動對轉碼了。

原文轉載自阮一峰教程

本文講解如何在nodejs環境下使用babel將ES6代碼轉ES5以及運行ES6的js文件

配置.babelrc文件

首先安裝es2015的presets字段

$ npm install --save-dev babel-preset-es2015

然后寫入.babelrc

{
    "presets":[
        "es2015"
    ]
}

命令行轉碼babel-cli

$ npm install --global babel-cli

基本用法如下：

# 轉碼結果輸出到標準輸出
$ babel example.js

# 轉碼結果寫入一個文件
# --out-file 或 -o 參數指定輸出文件
$ babel example.js --out-file compiled.js
# 或者
$ babel example.js -o compiled.js

# 整個目錄轉碼
# --out-dir 或 -d 參數指定輸出目錄
$ babel src --out-dir lib
# 或者
$ babel src -d lib

# -s 參數生成source map文件
$ babel src -d lib -s

另一種方法是將babel-cli安裝在項目中

$ npm install --save-dev babel-cli

然后，在package.json中加入：

{
    "scripts":{
        "build":"babel src -d lib"
    }
}

轉碼的時候，就執行下面的命令:

$ npm run build

關于npm scripts的更多用法詳見阮一峰教程

babel-node

可以直接運行ES6代碼

babel-node已安裝在babel-cli中，所以無須額外安裝

$ babel-node index.js

babel-node也已經安裝在babel-cli中，無須額外安裝
同樣，改寫package.json

{
    "scripts":{
        "start":"babel-node index.js"
    }
}

babel-register

babel-register模塊改寫require命令，為它加上一個鉤子。此后，每當使用require加載.js、.jsx、.es和.es6后綴名的文件，就會先用Babel進行轉碼。
首先安裝：

$ npm install --save-dev babel-register

使用時在文件頭加載：

require("babel-register");
require("./index.js");

然后，就不需要手動對index.js轉碼了。

GPU云服務器云服務器 ES6入門 Babel babel cdn babel7

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92285.html

使用gulp 進行ES6開發

摘要：已經轉碼成了已經轉碼成了合并壓縮并重命名的文件使用如果我們使用了中的，通過進行模塊化開發，那么通過轉碼后，將被轉碼成符合規范的和等，但是瀏覽器還是不認識，這時可以使用對代碼再次進行構建。一說起ES6，總會順帶看到webpack、babel、browserify還有一些認都不認識的blabla名詞，對于gulp才會一點點的我來說，內心簡直是崩潰的，上網查了一些文章，探索著用gulp搭起...

lauren_liuling 2019-08-19 17:31 評論0 收藏0
babel6 入門-配置安裝使用_byKL

摘要：入門什么是是一個廣泛使用的轉碼器，可以將代碼轉為代碼，從而在現有環境執行。 babel6 入門什么是babel Babel是一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。因為es6比es5的代碼更為適合編寫程序,但是因為歷史的原因,現在普遍的瀏覽器并不支持es6代碼(普遍支持es5),即如果你寫es6代碼之后,在瀏覽器上運行出錯,因為瀏覽器的javas...

qianfeng 2019-08-20 14:31 評論0 收藏0
Babel 快速入門

摘要：快速體驗安裝依賴新建文件夾，在命令行里進入該文件夾，并執行如下命令生成文件是內置的一個，可通過命令行操作來編譯文件。入門為了確保轉換后的代碼能正常的運行，最好在代碼之前引入這是一個實現了部分特性的包。參考中文網入門簡介 Babel 是一個 JavaScript 編譯器，可將我們代碼中的 ES6 語法轉換為 ES5 的語法，使我們的代碼能在不支持 ES6 語法的環境中正常運行。配合一些...

NoraXie 2019-08-22 14:57 評論0 收藏0
ES6常用語法整合

摘要：說到肯定是先介紹了，據阮一峰老師介紹到，是一個廣泛使用的轉碼器，可以將代碼轉為代碼，從而在現有環境執行。輸出其他還有等可以查看阮一峰的入門 ES6也出來有一會時間了，他新增的語法糖也的確大大提高了開發者的效率，今天就總結一些自己用到最多的。說到ES6肯定是先介紹Babel了，據阮一峰老師介紹到，Babel是一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。這意...

張遷 2019-08-20 15:31 評論0 收藏0
項目中配置Babel轉碼器的詳細教程

先簡單說一下Babel吧 Babel是一個ES6轉碼器，可以將ES6代碼轉為ES5代碼此篇教程是在學習阮老師的《ES6標準入門》時，不會npm的學習總結在阮老師的教程上具體補充，通過以下幾個步驟，即可在項目中直接安裝Babel轉碼器，一行命令即可進行ES6轉碼第一步：創建package.json package.json 文件是一個描述文件，主要有以下3個作用： 1.描述項目依賴了哪些包 2...

zzbo 2019-08-26 12:21 評論0 收藏0