1.commonjs只會對require的代碼執行一次 之後的require只會直接取其導出值
2.es6 Module動態映射,CommonJs是值拷貝，前者可以支持一定程度的循環依賴，需要由開發保證導入時，已經設置好正確的導出值
3.通過單獨加載包內的單獨文件，從而減小打包體積
4.當第三方依賴較多時，我們可以用提取vendor的方法將這些模塊打包到一個單獨的bundle中，以更有效地利用客戶端緩存，加快頁面渲染速度。
5.webpack指定生成目錄：
webpack.config.js:配置output的path
6.與loader相關的配置都在module對象中，其中module.rules代表了模塊的處理規則
7.兩個一般一起使用：
css-loader:處理css的加載語法
style-loader:將css插入頁面
8.在Webpack中，我們認爲被加載模塊是resource，而加載者是issuer，可以配置哪個js可以加載css
rules: [
{
test: /.cssKaTeX parse error: Can't use function '\.' in math mode at position 119: … test: /\̲.̲js/,
include: /src/pages/,
},
}
],
9.enforce可以強制指定loader的執行順序，分四種：
normal:直接定義的默認
pre：代表它將在所有正常loader之前執行
post：和pre相反，代表它需要在所有loader之後執行
inline ：webpack不推薦使用
10.·babel-loader：它是使Babel與Webpack協同工作的模塊。
·@babel/core：顧名思義，它是Babel編譯器的核心模塊。
·@babel/preset-env：它是Babel官方推薦的預置器，可根據用戶設置的目標環境自動添加所需的插件和補丁來編譯ES6+代碼。
11…ts-loader:
用於連接Webpack與Typescript的模塊
安裝：npm install ts-loader typescript
二者結合可以進行代碼檢查
webpack配置：
rules: [
{
test: /.tsKaTeX parse error: Expected 'EOF', got '}' at position 34: …s-loader',
}̲
],
本身配置：應放在工程目…/,
use: ‘file-loader’,
}
],
16.output.path是資源的打包輸出路徑，output.publicPath是資源引用路徑
17.vue-loader可以將組件的模板、JS及樣式進行拆分。在安裝時，除了必要的vue與vue-loader以外，還要安裝vue-template-compiler來編譯Vue模板，以及css-loader來處理樣式（如果使用SCSS或LESS則仍需要對應的loader）。
18.loader就像Webpack的翻譯官。Webpack本身只能接受JavaScript，爲了使其能夠處理其他類型的資源，必須使用loader將資源轉譯爲Webpack能夠理解的形式
19.在配置loader時，實際上定義的是模塊規則（module.rules），它主要關注兩件事：該規則對哪些模塊生效（test、exclude、include配置），使用哪些loader（use配置）。loader可以是鏈式的，並且每一個都允許擁有自己的配置項。
20.loader本質上是一個函數。第一個loader的輸入是源文件，之後所有loader的輸入是上一個loader的輸出，最後一個loader則直接輸出給Webpack。
21.plugins用於接收一個插件數組，我們可以使用Webpack內部提供的一些插件，也可以加載外部插件。
22.chunk是對一組有依賴關係的模塊的封裝
23.souremap:true 查看源碼(js和css都有配置，css通過loader的options)
24.第五章：通過SCSS、Less等預編譯樣式語言來提升開發效率，降低代碼複雜度。通過PostCSS包含的很多功能強大的插件，可以讓我們使用更新的CSS特性，保證更好的瀏覽器兼容性。通過CSS Modules可以讓CSS模塊化，避免樣式衝突
25.CommonsChunkPlugin的默認規則是隻要一個模塊被兩個入口chunk所使用就會被提取出來；
minChunks可以接受一個數字，當設置minChunks爲n時，只有該模塊被n個入口同時引用纔會進行提取；
指定minChunks爲Infinity，爲了生成一個沒有任何模塊而僅僅包含Webpack初始化環境的文件，這個文件我們通常稱爲manifest。
