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

原创于 2020-02-13 11:34:19 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack

webpack学习笔记专栏收录该内容

11 篇文章

订阅专栏

本文介绍了webpack配置文件webpack.config.js的作用和使用方法。通过配置文件，开发者可以自定义webpack的打包行为，避免每次都手动输入命令。在打包时，如果没有指定配置文件，webpack将默认寻找该文件。

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时，会自动压缩打包的文件
}