【webpack4】第一部分 什么是webpack

【webpack4】第一部分 什么是webpack

---

---

1. 什么是webpack

1.1 webpack介绍

webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。

在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。

1.2 webpack五个核心概念

1.2.1 Entry

webpack以哪个文件做为起始位置开始进行打包（入口文件），分析构建内部关系依赖图

1.2.2 Output

webpack将打包好的文件输出到某个位置，以及命名

1.2.3 Loader

将文件解析成webpack能够处理的形式

1.2.4 Plugins

插件(Plugins)可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩， 一直到重新定义环境中的变量等。

1.2.5 Mode

模式(Mode)指示 webpack 使用相应模式的配置。

选项	描述	特点
development （开发模式）	会将 DefinePlugin 中 process.env.NODE_ENV 的值设置为 development。启用 NamedChunksPlugin 和 NamedModulesPlugin。	能让代码本地调试运行的环境
production （生产模式）	会将 DefinePlugin 中 process.env.NODE_ENV 的值设置为 production。启用 FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin, SideEffectsFlagPlugin 和 TerserPlugin。	能让代码优化上线运行的环境

---

总结

以上就是今天要讲的内容，希望对大家有所帮助！！！