1. 程式人生 > >從零開始試試新東西吧(webpack+nodejs+ES6)

從零開始試試新東西吧(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,忽略之,繼續往下。

其實環境搭建上,到這也就結束了,試著運行了一下教程裡的張三的例子,成功(*^▽^*)

接下來就可以愉快的測試書上的程式碼啦~~