從零開始試試新東西吧(webpack+nodejs+ES6)
故事的起點是為了求職在學習阮一峰大神的《ES6入門》,對沒錯2018年了我這條鹹魚才開始學習ES6。
看了書上的例子總是想要試一試,然後突然發現書上原理講的很明白,沒有環境搭建啊(後來發現前言有講babel什麼的,被我跳過去了TAT)。去網上搜,發現有用glup和webpack兩種方法,正好也沒用過webpack,參考 點選開啟連結(後面說的教程都是它),嘗試一下,話說找工作webpack好像還是重點題呢,這波不虧。
首先,我的電腦上是有node.js的,版本6.11.0。安裝webpack參考 點選開啟連結,只用了第7步。
建立目錄資料夾之後,按照教程配置了webpack的配置檔案,接下來在當前專案安裝babel-loader,第一次傻眼了開啟cmd就開始裝,一堆error,後來發現要先到專案的資料夾底下,也就是能看到ES6資料夾的那個目錄。這次是一堆warn,應該是安好了。轉碼規則也是一堆warn,忽略之,繼續往下。
其實環境搭建上,到這也就結束了,試著運行了一下教程裡的張三的例子,成功(*^▽^*)
接下來就可以愉快的測試書上的程式碼啦~~
相關推薦
從零開始試試新東西吧(webpack+nodejs+ES6)
故事的起點是為了求職在學習阮一峰大神的《ES6入門》,對沒錯2018年了我這條鹹魚才開始學習ES6。看了書上的例子總是想要試一試,然後突然發現書上原理講的很明白,沒有環境搭建啊(後來發現前言有講babe
從零開始的異世界生活(前綴和)
分別是 技術 ont ima 輸入數據 include 當前 後悔 前綴和 Description 486 作為有史以來最悲慘的男主,我們知道他需要經歷一些無限次的死亡和輪回才能進行下一個關卡。 現在給你 n 個連續的時間點,每個時間點 i
3,從零開始搭建SSHM開發框架(整合Spring MVC)
目錄 本專題部落格已共享在(這個可能會更新的稍微一些) 1.修改pom.xml,增加spring-mvc 的依賴 <project xmlns="http://maven.apache.org/POM/4.
從零開始搭建android框架系列(轉)
bsp andro hup 開始 blank class and lan com 網址:從零開始搭建android框架系列 githup:https://github.com/CameloeAnthony/Ant從零開始搭建android框架系列(轉)
從零開始機器學習比賽經驗(bird分享)
競爭力 aca 新的 ast 成績 ats span boosting https 視頻地址:https://pan.baidu.com/s/1b25yNG 機器學習比賽入門條件 1.過的去的code能力:Leetcode平臺 leetcode平臺可以幫助我們提高基本的算法
從零開始學Kotlin-控制語句(4)
系列文章 ren kcon tin else andro 格式 當前 break 從零開始學Kotlin基礎篇系列文章 條件控制-if var a=10 var b=20 if(a>b) print(a)
從零開始學Kotlin-枚舉(9)
emc roi 實例 list cnblogs 外部 listener ring 枚舉 從零開始學Kotlin基礎篇系列文章 枚舉的定義 一個類的對象是有限且固定的,這種實例有限且固定的類稱為枚舉類; 枚舉常量用逗號分隔,每個枚舉常量都是一個對象; enum class
從零開始學 Web 之 DOM(一)DOM的概念,對標簽操作
關註 1.5 pan 什麽 tin p標簽 nod text == 大家好,這裏是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號,歡迎大家訂閱關註。在這裏我會從 Web 前端零基礎開始,一步步學習 Web 相關的知識點,
從零開始學 Web 之 DOM(四)節點
def clas scrip while p標簽 設置 ner 操作 text 大家好,這裏是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號,歡迎大家訂閱關註。在這裏我會從 Web 前端零基礎開始,一步步學習 Web 相
從零開始學 Web 之 BOM(三)offset,scroll,變速動畫函數
樣式 清理 java mar dde sof mov har width 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客園:
從零開始學 Web 之 jQuery(二)獲取和操作元素的屬性
eight images idt 隱藏 lis 屬性 ner master lin 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔
從零開始學 Web 之 jQuery(六)為元素綁定多個相同事件,解綁事件
png 好用 添加 方式 執行 存在 區別 也會 地址 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客園:http://ww
從零開始學 Web 之 jQuery(七)事件冒泡,事件參數對象,鏈式編程原理
eval uri turn 定位 return 也會 否則 ont sele 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客
從零開始學 Web 之 Ajax(三)Ajax 概述,快速上手
lan 技術分享 php 概述 由於 val asc logs 更新 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客園:ht
從零開始學 Web 之 Ajax(五)同步異步請求,數據格式
遊記 document 空閑 name center 20px 實現 resp 也會 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之
從零開始學 Web 之 Ajax(六)jQuery中的Ajax
var 技術分享 else parse cnblogs 我會 clas alt jquer 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web
從零開始學 Web 之 HTML5(二)表單,多媒體新增內容,新增獲取操作元素,自定義屬性
器) user 對比 style 按鈕 ont mp3 url -- 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔 博客園:ht
從零開始學 Web 之 CSS3(一)CSS3概述,選擇器
https 兼容問題 3.1 線性 web前端 不同 錨點 splay lock 大家好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公眾號:Web前端之巔
從零開始學習比特幣(六)--P2P網路建立的流程之查詢DNS節點
上節開始我們已經開始講解比特幣系統中P2P網路是如何建立的。還記得在比特幣系統啟動的的第12步的講解中,我們提到有幾個執行緒相關的處理非常重要嗎?以下內容正是基於此做了詳細的講解。由於篇幅過長,我們分幾篇文章依次道來。 P2P 網路的建立是在比特幣系統啟動的第 12 步,最後時刻呼叫 C
從零開始學習比特幣(五)--P2P網路建立的流程之套接字的讀取和傳送
寫在前面: 本篇文章接續 從零開始學習比特幣開發(四)–網路初始化,載入區塊鏈和錢包,匯入區塊啟動節點 從零開始學習區塊鏈技術(三)-接入比特幣網路的關鍵步驟解析、建立比特幣錢包,以及重要rpc指令 從零開始學習區塊鏈技術(二)–如何接入比特幣網路以及其原理分析 從零開始學習