webpack學習記錄

2021-10-19 08:33:29 字數 440 閱讀 3370

以前的時候就使用過webpack,但都只是會使用基本的配置,優化方面的都沒有去了解一下,趁過年有休閒時間。對webpack常用的東西進行一次總結、分析。畢竟webpack這東西寫完又忘記,忘記又去學,不如自己寫一篇文章記錄下來。這裡只是記錄一下學習思路,以及學習的總結,並不會做深入詳細的說明。

在開發中可以通過兩個點來優化,乙個開發環境和生產環境。

預設webpack只能解析js檔案,其他非js檔案解析不了,需要通過loader來解析非js檔案的功能。

plugin(外掛程式)在webpack編譯期間會執行很多生命週期,通過捕獲生命週期丟擲的事件,來獲取webpack提供的api來對檔案的輸出進行修改。

多想,多記,多實踐

webpack學習記錄

邏輯多檔案多,專案的複雜度提高了。webpack可以翻譯 loader 可以加入外掛程式 plugin 為了防止某些變數被篡改,保護特定變數,可以使用下面寫法 閉包 閉包 乙個立刻執行函式 寫法一,在函式中進行掛載 funcion window window.susanmodule window 驗...

學習記錄 Webpack的配置

3.webpack 中的載入器 webpack是乙個流行的前端專案構建工具 打包工具 可以解決當前web開發中所面臨的困境。webpack提供了友好的模組化支援,以及 壓縮混淆 處理js相容問題 效能優化等強大的功能,從而讓程式設計師把工作的重心放到具體的功能實現上,提高了開發效率和專案的可維護性。...

webpack入門記錄

webpack介紹 1.四大核心概念,入口 出口 外掛程式 loaders 載入器 2.webpack模組化原理 3.分割配置檔案 4.優化打包 3.在當前目錄下面建立src的資源目錄 4.在src下面建立index.js 作為需要打包的檔案 5.建立webpack的配置檔案 有兩種方式 a 直接在...