// 导入node.js中专门操作路径的模块

const path = require('path');

// 导入html-webpack-plugin插件，得到插件的构造函数

const HtmlWebpackPlugin = require('html-webpack-plugin');

// new构造函数，创建插件的实例对象

const htmlPlugin =  new HtmlWebpackPlugin({

template : './src/index.html', // 指定原文件的存放路径（要复制谁）

filename : './index.html', // 指定生成文件的存放路径 （复制到哪里）

})

// 使用node.js中的导出语法，向外导出一个webpack的配置对象

module.exports = {

// 代表web怕吃亏运行的模式 可选值有development 和 production

mode : 'development',

// 插件的数组 webpack运行时，会加载并调用这些插件；通过plugin节点  使htmlPlugin生效

plugins : [htmlPlugin],

devServer : {

open : true, // 打包完成后 自动打开浏览器

host : "127.0.0.1", // 指定运行的主机地址

port : 8080 // 端口 如果是80可以省略

},

// entry: 指定要处理哪个文件 打包入口文件的路径

entry : path.join(__dirname,'./src/index.js'),

// 打包输出的路径

output : {

// 存放的目录

path : path.join(__dirname,'dist'),

// 生成的文件名

filename : 'main.js'

}

}