**層面體積更小 (tree-shaking, 壓縮, 合併) , 載入更快編譯高階語言或語法 (es6+, 模組化, ts, scss)
相容性和錯誤檢查 (polyfill, postcss, eslint)
module是各個原始碼檔案, webpack中一切皆模組研發流程層面統一高效的開發環境統一的構建流程和產出標準
整合公司構建規範(提測, 上線等)
chunk是多模組合併成的, 在記憶體中還未產出的**塊, 比如entry import() splitchunk裡都可以定義chunk
bundle是最終產出的檔案, 每個chunk打包完後都產出bundle檔案
loader模組轉換器, 如less轉換成css
plugin擴充套件外掛程式, 如htmlwebpackplugin
babel 是 js新語法編譯工具, 不關心模組化
webpack是 打包構建工具, 是多個 loader plugin的集合
babel-polyfill會汙染全域性
babel-runtime不會
產出第三方lib要用babel-runtime
import()
結合vue 和 react 非同步元件
結合vue-router react-router非同步載入路由
可以被polyfill的:
class可以用 function 模擬自動更新promise可以用 callback 來模擬
但proxy的功能用 object.defineproperty 無法模擬
熱更新dllplugin
小base64編碼
bundle加hash
懶載入提取公共**
使用cdn
ignoreplugin
使用production
scope hosting
babel入門配置
webpack入門配置
北電一面試題
1.英語介紹,然後隨機問了些問題,比如為什麼加入北電,為什麼不去華為.2.下面是中文.專案介紹.3.有哪些程式設計經驗.4.七層網路協議,什麼叫會話層,那表示層呢?你知道哪個協議是表示層的?簡單介紹下隨 路信令.5.資料結構熟悉哪些排序演算法?快速排序需要哪些額外的開銷?什麼叫深度優先和廣度優 先....
Webpack面試題整理
什麼是loader？什麼是plugin module，chunk，bundle 常見的loader與plugins webpack 構建流程 模組熱更新 懶載入 多頁面打包配置 公共 提取 splitchunks vendor dllplugin動態鏈結庫外掛程式 new addassetwebpa...
Webpack相關面試題整理
1.gulp grunt 與 webpack的區別是什麼?grunt 與 gulp grunt和gulp屬於一類的都是構建工具，只是grunt是根據配置來的，gulp是採用 優於配置的原則，gulp的效能要比grunt的效能要高，它們可以執行指定的任務。webpack的特點 webpack 是目前最...