目录结构

新建dist和src文件夹

const path = require("path");
const HtmlWebpackPlugin=require('html-webpack-plugin')
module.exports = {
  //入口文件,入口文件的路径
  entry: "./src/index.js",
  //输出
  output: {
    //输出文件名称
    filename: "built.js",
    //输出路径，这里需要绝对路径
    //这里相当于 D:\下载\webpacjks\webpack与\dist拼接
    path: path.resolve(__dirname, "dist"),
  },
  //开发模式,这里还可以时production生产模式
  mode: "development",
  module: {
    //对某种格式的文件进行转换的处理
    rules: [
    ],
  },
  plugins:[
    //这里是将html打包到bundle中，并将需要的样式和js文件引入进去
    new HtmlWebpackPlugin({
        template:'./src/index.html'
    })
  ]
};