什么是配置项?
在前面一章讲过webpack是一个构建工具,用来统一使用各种包。 配置项的作用就是告诉每个包应该怎样去工作。 比方说babel转码包, 需要设置对哪些文件进行转码,毕竟它自己可不知道哪些文件应该要转码。
五个核心配置项
① entry 入口文件 指定哪个文件为入口文件
②output 指令 打包后的文件(也就是bundle)应该放在哪里
③loader 一般是用来翻译文件的,因为webpack只认识js文件,比如 入口文件引入了css文件,但是 webpack并不认识css文件,这时需要我们进行设置处理,让webpack能读懂css文件。
④plugins 英文就是插件,具有功能性的配置项, 比方对js文件进行压缩,优化等等处理
⑤mode 用来定义 生产环境或者开发环境。
以上内容基本上没有什么难读懂的, 但也有需要解释的地方, 生产环境 和开发环境。
开发环境: 在本地运行调式的环境
生产环境:让代码上线的环境。
打个比方 生产一辆车,那生产的过程称为开发环境, 车生产好了,也不能立马去卖,还需要对车进行检测,比方刹车有没有问题等等, 那这个过程叫做生产环境。
转换到代码中, 就是你编写代码在本地调试的环境叫开发环境, 代码写好了进行打包,打包后我们还需要对代码进行测试,那这个时候就是生产环境。
以上就是webpack的五个核心配置,在接下来 的章节,我会讲解webpack具体的使用。