欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

webpack配置文件的使用

程序员文章站 2022-07-12 20:02:31
...

1.webpack配置文件(webpack.config.js)

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

const path=require('path')
module.exports={
//入口,要打包的文件
//要打包的文件不存在,会报错
 entry:path.join(__dirname,'./src/main.js'),
 output:{
	//输出文件的相关配置
  path:path.join(__dirname,'./dist'),//打包输出目录
  filename:'main.js'//输出文件的名称
  //输出目录必须存在,文件名称可以随便取
 }
}

2.作用

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

webpack

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