前面教了一些關於 Webpack 設定，以下給各位看一下 webpack.config.js 的範例：
Page 5 of 6
React 新手入門筆記（三） – Webpack Plugin
上一篇介紹了 Webpack的基本設定，本篇要繼續帶各位看一些更進階的應用！
React 新手入門筆記（二） – Webpack 入門
這次的主題是最近很紅的「Webpack」， Webpack 是一個擴充性極佳的打包工具，最基本的功能就是幫我們的程式碼打包成一個或多個檔案，而且我們還可以安裝 Loader ，例如： Babel 可以幫我們轉譯 ES6 成 ES5，而我們前一篇文章說的 JSX ，瀏覽器當然也是完全看不懂，我們還是要經過 Babel 轉譯，將 JSX 翻譯成 JavaScript ，瀏覽器才會看得懂我們在寫什麼。
如果只是轉譯檔案還沒什麼，一個指令幫我把轉譯好所有檔案才是 Webpack 最有價值的地方，而更厲害的是，我們還可以為 Webpack 安裝額外插件， Minify 、 Uglify 、 Source Map 等等都可以靠插件來幫我們一次完成，唯一可惜的是 Webpack 的設定相比其他 Task Runner 來說複雜不少，學習曲線有點高，希望這篇新手教新手的文章能給各位一點方向！
React 新手入門筆記（一）
沒錯！我要變成寫 React 了！其實是因為剛踏進門，現在還在四處碰碰找自己喜歡的風格，碰過 React 之後，我真的還滿喜歡 JSX 的。
現在寫Angular最麻煩的問題是，需要在 HTML 和 JavaScript 之間切換，有不少的邏輯同時存在在這兩者身上，但是 JSX 反而是把 HTML 帶進了 JavaScript ，雖然有一些語法不同造成了一些學習門檻，例如： class 變成 className 、 for 變 htmlFor 等等，但目前個人的看法，還挺值得一學的！
Angular 2 與 TypeScript 筆記（一）
其實之前就有認真考慮想學React和Angular，本來是打算先學React，不過因為在研究的專案使用的是Angular，所以就先來研究Angular了，而且Angular也開始將文件中文化，我相信在學習上應該會比只有英文文件來得順利一些，不過老實說我覺得Angular有點複雜就是了XD
Angular 2 中文官網：https://angular.cn/
CoffeeScript 學習筆記：運算元 與 條件陳述
這次介紹的主題是很常用的if和switch，讓我們看看CoffeeScript如何呈現吧。
運算元
首先要介紹的是運算元，我們知道JavaScript有 == 和 === 的區別，但是基本上建議大家都使用 === 取代 == ，因為 === 會去判別變數類別，而 == 較不嚴謹，所以在某些情況會出現意想不到的錯誤，例如：數字１等於字串１等等。 而在CoffeeScript裡，一律都是編譯成 === ，以下將運算元列表給各位參考：
- 左邊為CoffeeScript，右邊為JavaScript
- == 等於 ===
- != 等於 !==
- not 等於 !
- and 等於 &&
- or 等於 ||
- true, yes, on 等於 true
- false, no, off 等於 false
Mongoose – Node.js 連接 MongoDB
Mongoose其實就是一套把MongoDB再包裝使用的一套工具，不過因為我是直接碰Mongoose，所以也沒辦法說明比MongoDB好的地方，能力不足的地方只能請各位見諒了，以下把自己讀官方文件的筆記彙整出來，希望能幫到需要的人。
部署 Node.js 程式到 Heroku
因為在找有沒有地方可以放自己寫的程式，所以找上了Heroku，而且為了申請主機、網域和轉移原本的wordpress到自己的主機花了不少時間，原本給wordpress管會沒辦法裝插件，就決定來搬一下家了。
準備
首先，請到Heroku官方網站申請帳號
NPM – 套件管理程式
一. 前言
NPM，
是「Newbie Paintball Master」…不對，是「Nobel Prize Magnet」…也不對，好啦！其實是「Node Package Manager」！
雖然本來npm主要是來管理JavaScript的套件（Package），但是越來越多人使用npm，所以在上面可以找到很多其他語言編寫的套件，這也是為什麼npm會被官方惡搞（大家可以點點看官網左上角的小字），因為他已經不是單單為Node.js而生了。
原本是安裝管理Node.js的套件的軟體，本來我們想用別人的code來工作時，需要複製、貼上別人的程式碼到自己的資料夾，但是如果使用npm，我們可以以標準化的方式來安裝、移除或更新這些程式碼。
同步(Synchronous)、異步(Asynchronous)、阻塞(Block)、非阻塞(Non-block)
因為昨天的FileSystem提到了同步與異步（或稱非同步），所以今天的主題就是這個了。
阻塞與非阻塞
阻塞與非阻塞主要是描述請求在等待結果時的狀態
假設今天有一個請求要讀取檔案，但是今天這個檔案被請求時是不可讀取的狀態。
如果設計是阻塞的，那麼這個請求便會進入等待狀態，直到它終於讀取到這個檔案，或者是等待久不想等了，才會換下一個。
如果設計是非阻塞的，那麼這個請求會因為檔案不能不讀取而立刻返回，不會在那邊乾等，而是去做其他事情，然後過一定時間再回來看檔案可不可以讀取，然後一直重複，直到檔案可以被讀取為止。