在配置以下內(nèi)容入口配置和出口配置 需要特別注意dirname前面是有兩橫我就設(shè)置了一條橫線，導(dǎo)致報(bào)錯(cuò)，看似小問(wèn)題，可這坑不小，因?yàn)闆](méi)留意，都找不到這bug在indexhtml中設(shè)置以下內(nèi)容需要把main。

首先在工程的node_modules下面新建一個(gè)文件夾htmltemplateloader，在里面創(chuàng)建一個(gè)indexjs做為這個(gè)loader的js文件這樣就可以在里面添加一個(gè)loader了添加loader配置 JavaScript test\tpl\html$。

一大堆配置 plugins new ExtractTextPlugin#39namecss#39，這里開(kāi)始寫(xiě) new HtmlWebpackPlugin filename #39這里寫(xiě)生成html存放路徑#39，template #39#39， html模板路徑，模板路徑是支持傳參調(diào)用loader的。

一般來(lái)說(shuō)，構(gòu)建系統(tǒng)都會(huì)提供一些特有的 API 供開(kāi)發(fā)者使用Webpack 也如此，提供了一套 Loader API，可以通過(guò)在 node module 中使用 this 來(lái)調(diào)用，如 thiscallbackerr， value，這個(gè) API 支持返回多個(gè)內(nèi)容的結(jié)果給下。

我們最常接觸的output的配置是那么這里publicPath是用來(lái)干嘛的其實(shí)publicPath被webpack的插件urlloader，htmlwebpackplugin用于在production環(huán)境下更新引用的靜態(tài)資源的url那么當(dāng)你執(zhí)行打包過(guò)后你的靜態(tài)資源路徑就會(huì)被加。