plugin提取css到一個(gè)獨(dú)立的文件
把css放到包里而不是打包放到bundle.js里
1重贺、引入插件
2名眉、
3楔脯、出口文件新建
為什么生出的名字叫main
因?yàn)橄逻叺某隹谖募徒衜ain.js
map是錯(cuò)誤調(diào)試
2孩哑、html-webpack-plugin
問題:
? 需要手動(dòng)去引入css,需要手動(dòng)去把index.html從源文件夾復(fù)制到目標(biāo)文件夾...
都可以用html-webpack-plugin來解決蜕青。
功能:把我們自已寫的.html文件復(fù)制到指定打包出口目錄下苟蹈,并自動(dòng)引入相關(guān)的資源代碼。
3右核、clean-webpack-plugin
引入之后放進(jìn)去使用
4慧脱、代碼壓縮優(yōu)化
去css
先引入
先引入然后在把第二部分添加進(jìn)去
去log
先引入
再加入
5、實(shí)時(shí)打包
新建文件贺喝,刪除打包文件菱鸥,它依然可以運(yùn)行