1. Webpack 初學者教學課程Part1 | Webpack dev -server 教學
對於像我這樣的人來說,第一次接觸到webpack是像是這些repository:雖然這些repository放在一起很棒,但它們不一定是最好的學習工具。像我的情況,我試著了解發生了那些事情,但還是很困惑,所以我決定不從這些大量而且分散的資源來理解。我希望這個教學課程可以讓webpack更容易的學習。需求至少希望你了解基本的node.js和npm。貢獻我很樂意接受任何所有的貢獻或是修正。如果你有任何問題,可以將這些問題發成issue。如果我有錯誤的話,請將問題指出。最後,如果你覺得我漏了些什麼,或者可以將某些部分解釋的更好,留下一個issue或者...
對於像我這樣的人來說,第一次接觸到 webpack 是像是這些 repository:
雖然這些 repository 放在一起很棒,但它們不一定是最好的學習工具。 像我的情況,我試著了解發生了那些事情,但還是很困惑,所以我決定不從這些大量而且分散的資源來理解。
我希望這個教學課程可以讓 webpack 更容易的學習。
需求至少希望你了解基本的 node.js 和 npm。
貢獻我很樂意接受任何所有的貢獻或是修正。如果你有任何問題,可以將這些問題發成 issue。如果我有錯誤的話,請將問題指出。最後,如果你覺得我漏了些什麼,或者可以將某些部分解釋的更好,留下一個 issue 或者是發送 Pull Request。
目錄為什麼要 Webpack?因為每個 react 或 redux 教學課程都假設你知道什麼是 webpack。:cry:
以下這些是更現實的原因,你可能會需要使用 webpack。
你可以:
將你的 js 檔案 Bundle 變成單一的檔案 在你的前端程式碼中使用 npm packages 撰寫 JavaScript ES6 或 ES7(需要透過 babel 來幫助) Minify 或優化程式碼 將 LESS 或 SCSS 轉換成 CSS 使用 HMR(Hot Module Replacement) 包含任何類型的檔案到你的 JavaScript 更多進階的東西,暫時不介紹 為什麼我需要這些功能?Bundle JS 檔案 - 讓你可以撰寫模組化的 JavaScript,但是你不需要 include 每個 JavaScript <script> 的檔案(如果你需要多個 JavaScript 檔案可以透過設定來完成)。
在你的前端程式碼中使用 npm packages - npm 在 internet 上是一個大型的 open source 生態系統。可以儲存或發佈你的程式碼,你可以到 npm 看一看,可能包含你想要的前端套件。
ES6 和 ES7 - 加入一些 JavaScript 的新功能,讓撰寫程式碼可以更容易而且更強大,請看這裡的介紹[1]。
Minify 或優化程式碼 - 減少你的...