摘要:由于大多數瀏覽器對支持的不是太好,所以為了防止出錯,我們可以轉換為所有瀏覽器能夠識別的格式初始化項目表示默認全部項目新建目錄文件如圖一主頁文件引入轉換后的文件如圖二安裝全局轉換包安裝輔助包建立快速命令行執行轉換如圖三右鍵
由于大多數瀏覽器對ES6支持的不是太好,所以為了防止出錯,我們可以轉換為所有瀏覽器能夠識別的格式
初始化項目:npm init -y (-y表示默認全部項目);
新建目錄文件:dist/index.js src/index.js index.html
如圖一
主頁文件引入轉換后的文件
如圖二
安裝全局轉換包:npm install -g babel-cli
安裝輔助包:npm install --save -dev babel-preset-es2015 babel-cli
建立快速命令行,npm run build執行轉換
如圖三
右鍵點擊index.html文件,點擊view in browser運行網頁文件
如圖五
原文帶圖鏈接地址:http://www.cnblogs.com/douyae...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89235.html
摘要:本質就是一個編譯器,通過將源代碼解析成抽象語法樹將源代碼的結果一系列轉換生成目標代碼的將目標代碼的轉換成代碼。項目構建三開發環境本地服務器搭建源碼下載地址參考資料入門阮一峰中文文檔中文網 注:以下教程均在 windows 環境實現,使用其他操作系統的同學實踐過程可能會有些出入。 ??在上一章 webpack 項目構建:(一)基本架構搭建 我們搭建了一個最基本的 webpack 項目,現...
摘要:前言最近打算把應用到項目中,但是如何在開發環境瀏覽器端直接運行已經發布一段時間了,現在大部分是在環境運行,或者通過編譯之后運行。主要實現用戶能夠在瀏覽器上直接運行語法。 前言 最近打算把es6應用到項目中,但是如何在開發環境(瀏覽器端)直接運行es6?es6已經發布一段時間了,現在大部分是在node.js環境運行,或者通過babel編譯之后運行。babel-browser主要實現用戶能...
摘要:全局安裝本地安裝轉碼規則安裝完成后,我們可以看一下我們的文件,已經多了選項。直接在線編譯提供一個在線編譯器,可以在線將代碼轉為代碼。 古語有云:君子生非異也,善假于物;工欲善其事,必先利其器。 由于有些低版本的瀏覽器還是不支持ES6語法,學習ES6,首先要學會搭建一個基本的ES6開發環境,利用工具,把ES6的語法轉變成ES5的語法。 1、使用Babel把ES6編譯成ES5 1...
摘要:前提是你已經安裝了手動創建一個工作目錄以下是的內容在目錄下創建一個這里寫我們的代碼接下來我們需要把語法編譯成我們瀏覽器所識別的語法文件,那就用到我們的神奇在安裝之前我們要先初始化一下項目全局安裝輸入以下命令此時文件中就有的依賴了你以 1.前提是你已經安裝了node,npm2.手動創建一個工作目錄 dist,src,index.html 以下是index.html的內容 ...
摘要:安裝此過程沒有難點,略過下載完成后可以通過和來查看是否安裝成功以及版本后安裝新建一個目錄項目名稱進入該項目,然后一路回車即可。 node.js安裝 此過程沒有難點,略過 下載完成后可以通過node -v和npm -v來查看是否安裝成功以及版本后 webpack 安裝 新建一個目錄(項目名稱), 進入該項目,npm init, 然后一路回車即可。(會生成一個package.json...
閱讀 2895·2021-11-24 09:39
閱讀 1157·2021-11-02 14:38
閱讀 4141·2021-09-10 11:26
閱讀 2743·2021-08-25 09:40
閱讀 2303·2019-08-30 15:54
閱讀 477·2019-08-30 10:56
閱讀 2738·2019-08-26 12:14
閱讀 3211·2019-08-26 12:13