webpack的常識概念

2022-03-18 18:28:46 字數 372 閱讀 1826

它的優勢:

遞迴解析依賴,支援支援es module規範、commonjs、amd規範。

支援**分割。

loader:

css-loader\style-loader\less-loader\sass-loader\ts-loader 等,用來將less、ts等檔案轉換成webpack可以打包的檔案

模組熱更新:

每當我們更新**,記憶體的**更新後就像瀏覽器推送,通知瀏覽器**更新了,瀏覽器根據更新的**渲染虛擬dom,並展現為真實的dom。

長快取:

tree shaking:

按需載入,未被引用的模組不會被打包。

babel:

將 es6,es7……轉換成 es5

webpack 概念的引入

在網頁中會引用哪些常見的靜態資源?js js jsx coffee ts typescript 類 c 語言 字型檔案 fonts svg ttf eot woff woff2 模板檔案 ejs jade vue 這是在webpack中定義元件的方式,推薦這麼用 網頁中引入的靜態資源多了以後有什麼問...

webpack核心概念

1.manifest webpack中runtime和manifest主要用於管理所有模組的互動,主要是用於連線模組化應用程式的所有代 碼。runtime包含 在模組互動時,連線模組所需的載入和解析邏輯,包括瀏覽器中已載入模組的連線以及懶載入模組的執行連線。管理模組互動的流程 當編譯器 compil...

webpack 核心概念

核心概念 entry 打包的入口 output 打包的輸出 loaders webpack 處理js 之外的東西,就是使用的loaders plugins webpack 其它功能 比如壓縮 分割 等就是通過plugins 來完成的 entry 的入口 某段 的入口,這個入口會說明這段 所有的依賴 ...