Webpack 學習辛酸史#2

在開始學習之前,我推薦讀者先有一些背景知識(不過沒有也沒關係,你可以邊學邊補)

  1. Module , Dependency是什麼
  2. 用JavaScript寫程式會碰到的問題(Global , no Private)
  3. 之前是怎麼用IIFE跟closure來包裝程式的
  4. npm, node.js大概是什麼

我們開始吧!

基本配置

  1. 安裝webpack

我們會使用npm這個package manager來安裝webpack(不知道npm是什麼的,自行google,也可以看我寫的簡介 https://goo.gl/u6qkKF )

webpack基本上都是使用在一個Project裡面,所以你要先創一個資料夾,再安裝webpack在裡面

1. 創建一個資料夾,叫做webpackProject

創好project之後,cd webpackProject 進入他

再來使用 npm init -y 來初始化project,讓你可以使用npm

(有時候npm init -y 會失敗,有可能是因為你的project名稱不符合規定)

2. 初始化npm

接下來就可以使用npm來安裝webpack了,npm install — save-dev webpack

3. 安裝中,npm的速度很悲劇

給自己倒杯飲料吧,你已經安裝好webpack了,可以使用 webpack - -help來測試是否安裝成功

4. 恭喜你,你裝好了

本篇文章到此結束,下一篇會教基本操作。

  • 補充
  1. 對我輸入的那些指令不熟的話,請google “command line”學基本的mkdir , cd , 檔案系統,是在幹嘛的。
  2. 沒用過npm的話,請google ”npm”,我也有寫一篇基本教學 https://goo.gl/u6qkKF
  3. 我剛剛講到npm很慢,你可以改用yarn,基本上yarn功能跟npm一模一樣,只差在yarn比較快,而且有emoji。
One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.