復(fù)習(xí) webpack
入口 entry webpack 導(dǎo)入文件的起點
出口 output 導(dǎo)出到哪兒
插件 plugin 處理事情
加載器 loader 加載處理特殊文件
插件
加載器
css-loader : 處理和分析css依賴
style-loader : 把css插入到header文中
less
less-loader : 處理less文件
mini-css-extract-plugin 把css抽出為一個單獨的文件
optimize-css-assets-webpack-plugin 優(yōu)化css和css資源
html-webpack-plugin 處理html模板
webpack-dev-server webpack本地服務(wù)器
webpack webpack
webpack-cli webpack腳手架
sourceMap
可以知道源代碼在哪一行錯誤,sourceMap是一個map關(guān)系;
Prefetch
Prefetch是告訴瀏覽器這是一個在未來可能使用到的資源。 瀏覽器通常會在空閑狀態(tài)取得這些資源,在取得資源之后擱在HTTP緩存以便于實現(xiàn)將來的請求
壓縮
optimize-css-assets-webpack-plugin css優(yōu)化壓縮
uglifyjs-webpack-plugin js壓縮