使用babel將es6語法轉(zhuǎn)es5

Rainie 發(fā)布于2019-08-21 17:50 / 1282人閱讀

摘要：前言本文講解需預裝和。請大家自行搜索安裝文件目錄結(jié)構(gòu)生成包管理配置文件安裝轉(zhuǎn)換工具在文件中寫入如下內(nèi)容在中寫入的語法編譯文件

前言

本文講解需預裝node和npm。請大家自行搜索安裝

文件目錄結(jié)構(gòu)

生成包管理配置文件package.json

npm init -y

安裝轉(zhuǎn)換工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

在.babelrc文件中寫入如下內(nèi)容

{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

在test.js中寫入es6的語法

"user strict"
var func = (x,y) => {
    return x+y
}
console.log(func(2,3))

編譯文件

babel src/test.js -o dist/test.js

云服務器 GPU云服務器 java語法錯誤將&quot 將視頻轉(zhuǎn)碼將文本轉(zhuǎn)json php 將數(shù)組轉(zhuǎn)編碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90079.html

相關(guān)文章

ES6-開發(fā)環(huán)境搭建（1）

摘要：全局安裝本地安裝轉(zhuǎn)碼規(guī)則安裝完成后，我們可以看一下我們的文件，已經(jīng)多了選項。直接在線編譯提供一個在線編譯器，可以在線將代碼轉(zhuǎn)為代碼。古語有云：君子生非異也，善假于物；工欲善其事，必先利其器。由于有些低版本的瀏覽器還是不支持ES6語法，學習ES6，首先要學會搭建一個基本的ES6開發(fā)環(huán)境，利用工具，把ES6的語法轉(zhuǎn)變成ES5的語法。 1、使用Babel把ES6編譯成ES5 1...

android_c 2019-08-23 15:21 評論0 收藏0
babel——下一代 JavaScript 語法的編譯器

摘要：寫在前面環(huán)境是默認支持的，但我們需要使用來滿足我們使用新特性的需求。以下內(nèi)容為了不讓項目產(chǎn)生環(huán)境依賴，沒有使用全局安裝的方式。這里舉一個使用的例子現(xiàn)在想使用的，我們需要先安裝和然后配置文件此時就可以用對轉(zhuǎn)碼了。腳本中打開的命令如下寫在前面：Node 環(huán)境是默認支持 ECMAScript6 的，但我們需要使用 babel 來滿足我們使用新特性的需求。以下內(nèi)容為了不讓項目產(chǎn)生環(huán)境依賴，沒...

JeOam 2019-08-23 11:42 評論0 收藏0
使用gulp 進行ES6開發(fā)

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

lauren_liuling 2019-08-19 17:31 評論0 收藏0
ES6常用語法整合

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

張遷 2019-08-20 15:31 評論0 收藏0
babel-preset-env

摘要：一作用根據(jù)你支持的環(huán)境自動決定適合你的插件二歷史版本已被棄用特點包含了所有年度預設，無需用戶單獨指定某個預設。特點分別支持不同版本的規(guī)范，將轉(zhuǎn)成，只將比新增加的特性轉(zhuǎn)成。比如在整個應用里只能引入一次，可以在模塊里一次引入。一、作用根據(jù)你支持的環(huán)境自動決定適合你的Babel插件二、歷史版本（已被棄用） 1、babel-preset-latest 1.1 特點包含了所有年度預設（ ...

孫吉亮 2019-08-23 11:49 評論0 收藏0