1.修改build目录下的webpack.base.conf.js的 entry 此处是入口文件
2.修改config下的index.js 配置打包后文件路径
这是打包后的路径
3.修改webpack.prod.confg.js 修改webpackConfig下的pulgin,有多少个要生成的页面就写多少个new HtmlWbepackPlugin 其中配置 filename代表的输出的文件名称并可以配置路径,filename配置的html文件目录是相对于webpackConfig.output.path路径而言的,不是相对于当前项目目录结构的。
template为本地模版路径
**inject:**向template或者templateContent中注入所有静态资源,不同的配置值注入的位置不经相同
chunks:主要是针对多入口(entry)文件。当你有多个入口文件的时候,对应就会生成多个编译后的 js 文件。那么 chunks 选项就可以决定是否都使用这些生成的 js 文件。
minify 的作用是对 html 文件进行压缩
removeAttributeQuotes: true // 移除属性的引号
removeComments: true // 移除注释
collapseWhitSpace: true // 清理html中的空格、换行符。
4.修改webpack.dev.conf.js devWebpackConfig下的plugin和上面一样有几个页面生成几个new HtmlWebpackPlugin对象并配置
5.运行后输入对应webpack.dev.conf.js devWebpackConfig下的plugin里的new HtmlWebpackPlugin对象并配置里的filename即可