在這里我們應(yīng)該注意一下，webpack對html和對css,img的打包方式是不一樣的喔鸟蟹，對html打包是通過插件plugin,對css.img打包時通過loader喔宴抚，我們后面會做詳細(xì)的解釋的梢什。今天我們主要來看一看webpack如何對html文件進(jìn)行打包
首先，既然是通過插件打包哮笆，那么我們就應(yīng)該先安裝插件来颤，
1:安裝插件：html-webpack-plugin -D 只在開發(fā)的時候用
2:在webpack.config.js中引入插件（這個文件是建立在主項目文件夾下面喲） ：const a=require("html-webpack-plugin") 在es6中用const來接收變量
const {resolve}=require('path')
module.exports={
plugins:[
new a() //先new一下，默認(rèn)會創(chuàng)建一個空的html（在打包好的那個js同一個目錄下面稠肘，而且會自動引入哪個打包 好的js文件）
//如果要自己指定打包哪個html文件
],
}
如果要自己指定打包哪個html文件
plugins:[
new a(
{
template:'./a.html', //-------->這個文件必須指明路徑
filename:'b.html' //將a.html打包到有打包的js文件那個目錄下的b.html(并且制動引入打包的js文件)
minify:{
collapseWhitespace:true //移除空格
removeComment:true //刪除注釋
}
}
)h
],
說明：關(guān)于js文件的路徑問題大家一定要寫對喲福铅，我這里只是為了方便喔！
完成之后项阴，然后再終端webpack一下滑黔，看看打包有沒有成功喲？關(guān)于webpack.config.js配置文件看不懂的可以參考我的上一篇文章喔~
聲明：本人大二在校學(xué)生一名鲁冯，若有錯誤拷沸，還懇請大家指正，一定不甚感激薯演，大家也可以評論交流撞芍，我們一起進(jìn)步丫@~~~~
