webpack 学习笔记 （三） 自动引入出口的js文件

html-webpack-plugin 属性可在github查看

通过html模块生成html文件
1. 安装插件

cnpm i html-webpack-plugin --save-dev

安装完了之后会有一个警告：
没有安装webpack 直接在项目中安装一次就OK了

cnpm i webpack --save-dev

这样安装就完成了

2. 使用插件

// 引入模块
let HtmlWebpackPlugin = require("html-webpack-plugin")

plugins:[new htmlWebpackPlugin({
			//filename: 相对输出文件的的路径
            filename:'./index.html',
            //template: 模板为相对当前的配置文件路径
            //相对webpack.config.js 的路径
            template:'index.html'
        })
]

重新再打包一次就ok
**

注意

**
在使用之前我们有设置资源访问路径publicPath 所以要重新设置为相对于打包生成的html文件的路径。