当先锋百科网

首页 1 2 3 4 5 6 7

在这里插入图片描述
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后面加内容做的是一样的事,相当于把重复内容做了抽取。