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

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

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

前言

本文講解需預(yù)裝node和npm。請(qǐng)大家自行搜索安裝

文件目錄結(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文件中寫(xiě)入如下內(nèi)容

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

在test.js中寫(xiě)入es6的語(yǔ)法

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

編譯文件

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/90079.html

相關(guān)文章

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

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

android_c 2019-08-23 15:21 評(píng)論0 收藏0
babel——下一代 JavaScript 語(yǔ)法的編譯器

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

JeOam 2019-08-23 11:42 評(píng)論0 收藏0
使用gulp 進(jìn)行ES6開(kāi)發(fā)

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

lauren_liuling 2019-08-19 17:31 評(píng)論0 收藏0
ES6常用語(yǔ)法整合

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

張遷 2019-08-20 15:31 評(píng)論0 收藏0
babel-preset-env

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

孫吉亮 2019-08-23 11:49 評(píng)論0 收藏0