webpack配置文件（webpack.config.js）的使用

1.webpack配置文件（webpack.config.js）

通过配置文件向外暴露一个配置对象

const path=require('path')
module.exports={
//入口,要打包的文件
//要打包的文件不存在，会报错
//约定，默认的打包文件入口是src->index.js
 entry:path.join(__dirname,'./src/main.js'),
 output:{
	//输出文件的相关配置
	//默认打包文件出口是dist->main.js
  path:path.join(__dirname,'./dist'),//打包输出目录
  filename:'main.js'//输出文件的名称
  //输出目录必须存在，文件名称可以随便取
  
 },
 //设置模式
  mode:'development'//development production
  //当属性值为production时，会自动压缩打包的文件
}

2.作用

用配置文件代替了命令
在打包时直接输入webpack，既可

webpack

当命令后面没有路径时，会自动查找webpack.config.js中的配置