五大核心
- 一: 入口(Entry) ,文件入口,项目打包的起始点
- 二: 出口(outPut),打包出口,项目打包好之后文件存放的位置(默认./dist)
- 三: 加载器 (Loader), webpack只能识别js文件,通过Loader去处理非JS文件
- 四: 插件(Plugins),三方提供的功能,帮助我们优化性能,下载下来直接使用
- 五: 模式(Mode) , 打包模式 开发模式(development ) 线上模式(production )
模式(mode)
模式用于配置webpack的构建模式
development:启用了一些有用的调试工具和优化选项,如代码映射、热模块替换等。
production:生产模式则启用了一系列的优化策略,如代码压缩、作用域提升等
**none:**关闭所有默认优化选项