前面教了一些關於 Webpack 設定,以下給各位看一下 webpack.config.js 的範例:
分類: React
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 等等,但目前個人的看法,還挺值得一學的!