webpack——html-webpack-plugin 插件

 

具体流程：

首先在项目中安装此插件  npm i html-webpack-plugin -D ，此时启动会有报错

解决此类报错就得在全局安装此插件 npm install -g html-webpack-plugin，安装成功后package.json文件显示有此插件

在webpack.config.js配置文件中导入该模块

const webpack = require('webpack')

//导入在内存中生成HTML页面的插件html-webpack-plugin
//只要是插件都一定要放到配置插件的plugin节点中去
const htmlWebpackPlugin=require('html-webpack-plugin')

配置完成后即可使用 npm run dev 打开页面 ，右键检查源代码

 

END