打包HTML资源

• 项目目录

• 配置plugin（html-webpack-plugin）

  npm i html-webpack-plugin -D

• 配置文件 ```javascript const { resolve } = require(‘path’); const HtmlWebpackPlugin = require(‘html-webpack-plugin’);

module.exports = { entry: ‘./src/index.js’, output: { filename: ‘built.js’, path: resolve(__dirname, ‘build’) }, module: { rules: [ // loader的配置 ] }, plugins: [ // plugins的配置 // html-webpack-plugin // 功能：默认会创建一个空的HTML，自动引入打包输出的所有资源（JS/CSS） // 需求：需要有结构的HTML文件 new HtmlWebpackPlugin({ // 复制 ‘./src/index.html’ 文件，并自动引入打包输出的所有资源（JS/CSS） template: ‘./src/index.html’ }) ], mode: ‘development’ };

```

• 执行指令：webpack