webpack配置入门

webpack是需要一定配置才能使用的，否则无任何效果。在开始webpack学习之前必须理解以下5个核心概念。

5大核心配置

1.entry(入口)

webpack从那个文件开始打包，支持单文件入口（vue和react脚手架单入口）和多文件入口

2.output(输出)

webpack 打包成功后的输出路径和文件名字

3.loader（加载器）

webpack本身只能处理js，json等资源，其他文件需要特殊loader工具才能处理

4.plugins（插件）

拓展webpack功能，暴露webpack 编译中的钩子给插件，在webpack编译的不同阶段进行内容处理

5.mode（模式）

由两种模式

生产模式：production

开发模式：development

两者区别请参考：webpack 5 mode的作用和区别-CSDN博客