Webpack 指導(dǎo)手冊

Webpack 官網(wǎng)的教程就是一坨屎!?。?/h1>

講完了基本的幾個概念,就跟我一起來一探究竟吧。學(xué)完指導(dǎo)手冊,才算掌握了 Webpack 的基礎(chǔ)知識。

說道基礎(chǔ)知識,還是要從 Webpack 作為打包工具入手。

  • 安裝
  • 依賴管理
  • 資源打包
  • 輸出管理
  • 開發(fā)與發(fā)布狀態(tài)管理
  • 熱加載
  • 代碼清理
  • 代碼分割
  • 懶加載
  • 緩存

在這些名詞里找到平時想解決的問題或者感興趣的話題,那就更好了。

安裝

Webpack 有很多種安裝方式,安裝之前,建議升級到最新的 Nodejs 或者 LTS 版本。你可以在項目中安裝,也可以全局安裝,不過還是建議項目安裝,以減少項目對環(huán)境的依賴性(雖然看上去很浪費,這一點也是 Node 比較致命的一點)
最后,喜歡新特性的小伙伴也可以安裝 beta 版,雖然沒有 Windows 和 iOS 那么坑,但也不要用于生產(chǎn)。

從頭開始

正如概念篇所講,Webpack 為項目打包而生,項目安裝完成后,就可以在 命令行或者文件中使用 Webpack 提供的 API 了。

精簡版

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,675評論 25 709
  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,358評論 7 35
  • 構(gòu)建一個小項目——FlyBird,學(xué)習(xí)webpack和react。(本文成文于2017/2/25) 從webpac...
    布蕾布蕾閱讀 17,107評論 31 98
  • 最近在學(xué)習(xí) Webpack,網(wǎng)上大多數(shù)入門教程都是基于 Webpack 1.x 版本的,我學(xué)習(xí) Webpack 的...
    My_Oh_My閱讀 8,319評論 40 247
  • 每次在飯館吃飯,無論飯館大小,只要看見店老板也在吃他們店的飯,比如在麻辣燙店看到老板也在吃自己做的麻辣燙、牛肉面店...
    c27cba949743閱讀 138評論 0 0

友情鏈接更多精彩內(nèi)容