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博客