配置文件
webpack提供的cli支持很多的参数,例如--mode,但更多的时候,我们会使用更加灵活的配置文件来控制webpack的行为
默认情况下,webpack会读取webpack.config.js文件作为配置文件,但也可以通过CLI参数--config来指定某个配置文件
配置文件中通过CommonJS模块导出一个对象,对象中的各种属性对应不同的webpack配置
注意:配置文件中的代码,必须是有效的node代码
webpack配置文件的代码是会在打包的时间运行的,而我们写的代码在打包的过程不运行,因此不论你不论使用comm.js还是ESmoudule 只是收集依赖,而不是代码去执行,只是把文件中读出来,不会运行。并不会并不会直接执行,只有最后打包结果在浏览器执行运行的时候才会运行,因此配置文件中的代码必须是node能执行的代码,你在里面写ESModule导入文件,代码报错,都会出问题。而源代码中有报错,这个没有问题,只有在最后运行的时候才会去执行,打包过程源代码并不会执行
当命令行参数与配置文件中的配置出现冲突时,以命令行参数为准。
基本配置:
- mode:编译模式,字符串,取值为development或production,指定编译结果代码运行的环境,会影响webpack对编译结果代码格式的处理
- entry:入口,字符串(后续会详细讲解),指定入口文件
- output:出口,对象(后续会详细讲解),指定编译结果文件