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后面加内容做的是一样的事,相当于把重复内容做了抽取。