1.

  //导入模块
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  // 配置入口和出口

  // 导入path模块，path是node.js自带的模块，作用是用来出来相关路径相关的事情
  module.exports={
  // 配置入口文件，告诉webpack从哪里开始打包
   entry: './main.js',
  // 配置出口，output是输出的意思
   output: {
   // 配置输出的路径
    //__dirname是当前目录的意思，打包好的文件放在当前目录的dist文件夹下
    path: path.resolve(__dirname,'dist'),
    // 打包的js文件名称
    filename: 'wuhaohau.js'
    },
    //   模式配置（坏境配置） development代码不压缩,production代码会被压缩
   mode: 'development'
  //   模块配置,
    module: {

  // 模块环境
      rules: [
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
//插件模块
  plugins: [
    new HtmlWebpackPlugin('./idnex.html')
  ]
}