前端工程化基础学习

Resolve 前面学习时使用了各种各样的模块依赖，这些模块可能来自于自己编写的代码，也可能来自第三方库，在 Webpack 中，resolve 是用于解析模块依赖的配置项，它决定了 Webpack

图片文件 需要先在项目中使用图片，比较常见的使用图片的方式是两种： img元素，设置src属性 其他元素（比如div），设置background-image的css属性 在webpack5之前，加载这

引入 随着前端的快速发展，目前前端的开发已经变的越来越复杂了： 比如开发过程中我们需要通过模块化的方式来开发 比如通过ES6+、TypeScript开发脚本逻辑，通过sass、 less等方式来编写c

引入 随着前端技术的发展，项目依赖的第三方库和工具越来越多（例如：React、Vue、Lodash、Axios等），手动管理这些库的版本、兼容性和更新变得非常困难 包管理工具不仅可以来安装、升级、删除

定义 模块化是一种处理复杂系统分解成为更好的可管理模块的方式，模块化开发最终的目的是将程序划分成一个个小的结构 这个结构中编写属于自己的逻辑代码，有自己的作用域，定义变量名词时不会影响到其他的结构 可