【webpack5】webpack5的配置

webpack.config.js为webpack的配置文件，文件名固定。

const { dirname } = require("path");
const path = require("path");//node.js核心模块，专门用来处理路径问题

module.exports={
    //入口
    entry:'./src/main.js',//相对路径
    //出口
    output:{
        //文件的输出路径
        //__dirname node.js的变量，代表当前文件的文件夹目录
        path:path.resolve(__dirname,'dist'),//绝对路径
        //文件的输出名称
        filename:'main.js'
    },
    //加载器
    module:{
        rules:[
            //loader的配置

        ]
    },
    //插件
    plugins:[
        // plugins的配置
    ],
    //模式
    mode:"development"
}

读取配置，按照配置执行打包操作。
如果npx webpack后加了东西，按照加的东西执行；
如果没加，就按照配置文件执行。

个人理解：配置使得命令变得简单，与npx webpack后面加内容做的是一样的事，相当于把重复内容做了抽取。