/*
loader: 1.下载 2.使用(配置loader)
plugins: 1.下载 2.引入 3.使用
*/
const {resolve} = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { Template } = require('webpack');
module.exports = {
entry:'./src/index.js',
output:{
filename:'built.js',
path: resolve(__dirname,'build')
},
module:{
rules:[
]
},
plugins:[
// plugins的配置
// html-webpack-plugin
// 功能:默认会创建一个空的 HTML, 自动引入打包输出的所有资源(JS/CSS)
// 需求:需要有结构的HTML文件
new HtmlWebpackPlugin({
// 赋值 './src/index.html' 文件,并自动引入打包输出的所有资源(JS/CSS)
template:'./src/index.html'
})
],
mode:'development'
}
06-30
1299
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
06-13