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文件的路径。