Webpack 筆記(一)安裝Webpack

最近在看Laracasts上的Webpack課程

做點筆記加強記憶

對我來說gulp比較清晰明瞭

一個一個task各自獨立之後再以先後順序串起來

但是Webpack就不是了

他屬於設定好需要的功能

執行後完成

有點難以文字形容

gulp比較像是

task1 -> task2 -> task3 ….

webpack則是

Run -> module+plugin -> end

所以重點就是在設定好要用的module跟plugin

我大概翻了一下官方的Document

設定超級…豐富

還有官方的Guides

把所有可能的情況都列出來

但是要全部看完就很吃力了

我就只以Laracasts上用到的功能為主要筆記吧

安裝 Webpack

有兩種方式

一種是裝在這專案下

# npm install webpack --save-dev

一個是成為全域的指令

# npm install webpack -g

若是裝在專案資料夾下

執行檔的位置在

# ./node_modules/.bin/webpack

若裝在全域則是會在你$PATH裡

像我有裝nvm

nvm就會把現在使用node版本的bin路徑加入$PATH

所以安裝完就會在

# /Users/herb/.nvm/versions/node/v6.10.1/bin/webpack

建議可以把這常用工具裝在這

這樣所有專案都可以使用