邏輯多檔案多，專案的複雜度提高了。
webpack可以翻譯**（loader），可以加入外掛程式（plugin）。
為了防止某些變數被篡改，保護特定變數，可以使用下面寫法（閉包）
//閉包
//乙個立刻執行函式
//寫法一，在函式中進行掛載
(funcion(window)
window.susanmodule =
})(window)
//驗證呼叫
window.susanmodule.tell();
//另一種寫法
(funcion()
}})()
(function(module) ;
function __webpack_require__(moduleid)
// 。。。
return __webpack_require__(0); // entry file
})([ /* modules array */])
將每個依賴模組包裝起來，放到乙個陣列中等待呼叫（上述**有體現）
實現模組載入的方法，並把它放到模組執行的環境中，確保模組間可以互相呼叫（上述**有體現）
把執行入口檔案的邏輯放在乙個函式表示式中，並立即執行這個函式（上述**有體現）
babel
作用: 將高版本語法es6轉換為低版本語法
使用方法（直接編譯）：babel -index.js --presets=@babel preset-env
preset-react：解析jsx語法
使用方法一：package.json中，加入babel配置引數
"babel":html-webpack-plugin
這部分知識點太碎了，簡單的配置沒進行記錄，只記錄了下邊兩個配置，其他具體的可以參考這裡
plugin中加入：webpack.hotmodulereplacementplugin()
體積優化（打包出來結果大小優化）：terserplugin
optimization:
}})]
}
-打包結果優化
-構建過程優化
-tree-shaking
webpack學習記錄
以前的時候就使用過webpack，但都只是會使用基本的配置，優化方面的都沒有去了解一下，趁過年有休閒時間。對webpack常用的東西進行一次總結 分析。畢竟webpack這東西寫完又忘記，忘記又去學，不如自己寫一篇文章記錄下來。這裡只是記錄一下學習思路，以及學習的總結，並不會做深入詳細的說明。在開發...
學習記錄 Webpack的配置
3.webpack 中的載入器 webpack是乙個流行的前端專案構建工具 打包工具 可以解決當前web開發中所面臨的困境。webpack提供了友好的模組化支援，以及 壓縮混淆 處理js相容問題 效能優化等強大的功能，從而讓程式設計師把工作的重心放到具體的功能實現上，提高了開發效率和專案的可維護性。...
webpack入門記錄
webpack介紹 1.四大核心概念，入口 出口 外掛程式 loaders 載入器 2.webpack模組化原理 3.分割配置檔案 4.優化打包 3.在當前目錄下面建立src的資源目錄 4.在src下面建立index.js 作為需要打包的檔案 5.建立webpack的配置檔案 有兩種方式 a 直接在...