在配置以下内容入口配置和出口配置 需要特别注意dirname前面是有两横我就设置了一条横线，导致报错，看似小问题，可这坑不小，因为没留意，都找不到这bug在indexhtml中设置以下内容需要把main。

首先在工程的node_modules下面新建一个文件夹htmltemplateloader，在里面创建一个indexjs做为这个loader的js文件这样就可以在里面添加一个loader了添加loader配置 JavaScript test\tpl\html$。

一大堆配置 plugins new ExtractTextPlugin#39namecss#39，这里开始写 new HtmlWebpackPlugin filename #39这里写生成html存放路径#39，template #39#39， html模板路径，模板路径是支持传参调用loader的。

一般来说，构建系统都会提供一些特有的 API 供开发者使用Webpack 也如此，提供了一套 Loader API，可以通过在 node module 中使用 this 来调用，如 thiscallbackerr， value，这个 API 支持返回多个内容的结果给下。

我们最常接触的output的配置是那么这里publicPath是用来干嘛的其实publicPath被webpack的插件urlloader，htmlwebpackplugin用于在production环境下更新引用的静态资源的url那么当你执行打包过后你的静态资源路径就会被加。