webpack配置

// webpack是个静态模块打包工具
const HtmlWebpackPlugin = require("html-webpack-plugin")
const { resolve } = require("path") 
// webpack的配置文件
module.exports = {
    // 设置打包模式为开发环境
    mode:"development",
    // 设置入口文件
    entry:"./src/index.js",
    // 设置出口
    output:{
        // 输出的路径，绝对路径
        path:resolve(__dirname,"dist"),
        // 文件名称
        filename:"bundle.js"
    },
    // 配置loader
    module:{
        rules:[
            // 可以设置模块的规则
        ],
    },
    // 开发服务器的配置
    devServer:{},
    // 插件设置
    plugins:[
       new HtmlWebpackPlugin(
        {
            // 选择模板
            template:"./src/index.html",
            // 生成文件名
            filename:"index.html",
        }),
    ],
}