使用babel將es6語法轉es5

Rainie 發布于2019-08-21 17:50 / 1208人閱讀

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

前言

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

文件目錄結構

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

npm init -y

安裝轉換工具

npm i -g babel-cli

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

在.babelrc文件中寫入如下內容

{
    "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 將視頻轉碼將文本轉json php 將數組轉編碼

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

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

ES6-開發環境搭建（1）

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

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

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

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

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

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

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

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

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

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