博客 / 列表

XiaoYu - 前端構建工具技術(介紹篇)

構建工具:俗稱打包。 理解:將模塊文件進行合併,代碼壓縮,整合資源等一系列自動化操作。 為什麼會出現構建工具這項技術? 我們希望看到頁面加載平滑,快速進行響應。 通過: 1.編寫代碼的邏輯,避免無效浪費內存資源,即優化代碼; 2.優化瀏覽器請求資源的速度; 原因: 首先瀏覽器加載資源 請求的文件數量越多越耗時,文件容量越大越耗時。但是為了我們前端項目結構清晰,我們一般會分成

vite , 瀏覽器 , grunt , webpack , 前端

XiaoYu - 前端構建工具webpack(原理篇)

目的:瞭解輸入打包命令後發生了什麼事情 本質:Node去運行一個js文件,這個js文件做的事情就是鋪墊好流程,接着啓動打包流程。 首先我們先來了解一下這個js文件到底有什麼東西,再來引出概念。 我把這個文件形容為一個車間,那麼車間最重要的是什麼呢,最重要的是要有機牀。 這個機牀在webpack構建中稱之為Compiler。它是一個編譯類。 那麼這個機牀要需要啓動的話要先準備什麼,需要先輸入它

構建工具 , node.js , webpack , 原理