/**
* loader:1. 下载 2. 使用(配置loader)
* plugins:1. 下载 2. 引入 3. 使用
*/ const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = {
entry: resolve(__dirname, 'src/index.js'),
output: {
filename: 'built.js',
path: resolve(__dirname, 'build')
},
mode: {
rules: [
// loader的配置
]
},
plugins: [
// plugins的配置
// 功能:默认会创建一个空的HTML,自动引入打包输出的所有资源(JS/CSS)
new HtmlWebpackPlugin({
// 复制 './src/index.html' 文件,并自动引入打包输出的所有资源(JS/CSS)
template: resolve(__dirname, 'src/index.html')
})
],
mode: 'development'
}
!!!注意:webpack5 通过npm i html-webpack-plugin@next -D安装