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

你可能感兴趣的:(webpack,前端,node.js)