pvt5r486inpvt5r486搬家囉～轉移陣地沒想到，不知不覺中我的文章也累積了不少篇幅，也開始有些許人願意賞臉看看我的文章，十分感謝！但在這個時候，我做出了搬家的決定。May 13, 2019May 13, 2019
pvt5r486參加導師計劃的前四周心得因緣際會下參加了這個計劃，開始不間斷的自主學習，這是我的計劃 repo ，有興趣的朋友可以點開來看看，每周我提交的作業也都會在上面。不過之後要是找到工作，可能就沒辦法兼顧這邊了，但我還是會想辦法完成它。May 10, 2019May 10, 2019
pvt5r486使用 Webpack 打包圖片總算是來到這個系列最後一篇了，前面雖然有提到如何使用 Webpack 打包 SCSS ，但如果 SCSS 內的語法有使用到圖片相關資源的話，可是會編譯失敗的，因為這部份又需要另外的 loader 處理，讓我們趕快來看看吧。May 10, 2019May 10, 2019
pvt5r486讓 SCSS 也加入打包的行列接著我們要讓 Webpack 也支援 SCSS ，輸入指令後轉成 CSS 並且優化之後打包輸出，同樣地延續上一篇的專案資料夾。May 5, 2019May 5, 2019
pvt5r486第二份 webpack.config 設定延續之前的專案資料夾，我們目前不僅能模組化管理 JavaScript 、使用 Jest 進行單元測試、針對 JavaScript 語法使用 Babel 進行降版、還能夠自訂一些看起來很酷的指令，最後打包輸出 bundle.js 在 dist…May 4, 2019May 4, 2019
pvt5r486Babel 結合 webpack 進行開發當我們使用的 JavaScript 語法瀏覽器不支援時，大家想到的第一個解決方案可能就是 Babel ，那麼說歸說，到底要怎麼跟先前提到的 Webpack 做結合，實際運用在開發上呢？讓我們繼續看下去~May 2, 2019May 2, 2019
pvt5r486使用 Jest 進行 Unit Test在學會如何模組化管理 JavaScript 與自定指令後，接著我們可以結合這些觀念，進行有系統的測試。尚未接觸這些東西前，我們在開發時如何檢測自己的函式寫的正不正確呢？沒錯，就是老老實實的使用 console.log…May 1, 2019May 1, 2019
pvt5r486package.json 設置專屬我倆的小咒語於上一篇我們知道了如何模組化 JavaScript ，但是每次只要有 js 檔案有異動，就得輸入指令重新 bundle 一次，好麻煩啊。別擔心，工程師是最怕麻煩的生物，早就有措施囉，這篇要介紹的是其中一種方式，自訂專屬於自己的指令。May 1, 2019May 1, 2019
pvt5r486模組化 JavaScript 的方法如果網站的規模不大，可能單純寫一支 all.js 就能搞定了，但如果今天與別人合作或者網站規模比較大，這時若只單靠一支 all.js 肯定是落落長的程式碼，每次要修改就得找半天，這樣是非常辛苦的。所以我們需要把模組化 JavaScript…Apr 30, 20191Apr 30, 20191
