webpack5之webpack.config.js理解

const {resolve}=require(“path”) //引入专门处理路径包 resolve是path的一个方法。
module.exports={
mode:“production”,
entry:"./src/index.js", //入口文件 从改文件进行打包 最终会形成一颗依赖树 默认是src下的index
output:{//打包后输出的地址 默认 dist目录的main.js
filename:“build.js”, //输出的文件名
path:resolve(__dirname,“build”)//———dirname是nodejs中的一个常量 代表当前项目的目录 输出的目录是build
},
//loader模块 也就是module 是 webpack 自身只能理解js和json 这个参数就是为了让webpack能够去理解非js资源的css、img等，将他们处理成webpack可以识别的资源。可以理解成一个翻译的过程
module:{
rules:[]
},
plugins:[]//这个可用于执行范围更广的任务 插件的范围包括从打包优化和压缩 一直到重新定义环境中的变量等。

}