基础-前端工程化的学习之路

90 阅读1分钟

讲真,前端工程化涉及的东西太多了,多而繁,那就需要规划了,规划出一条学习之路是非常有必要的。

image.png

1.模块化

包括导入、导出,两个标准的区别。

2.包管理器

模块的安装、安装制定版本、什么时候使用全局安装、什么时候使用普通依赖、什么时候使用开发依赖,还包括模块的升级、卸载、查询等。

3.构建工具

最核心的就是webpack,而webpack的学习归纳起来就是5个方面,概念、原理、配置、扩展和优化。比如概念里的chunk、bundle、hash、contenthash、loader、plugin等等。。。。当掌握了这些知识之后,就有资格谈优化了😂😂😂,优化包括减少模块分析、优化loader性能、热替换、手动分包、自动分包、代码压缩、tree shaking、懒加载、Eslint、bundle analyzer、gzip等。

4.脚手架

脚手架用的就是前端工程化的知识,前面的东西学透了,脚手架不值一提。

最后,前端工程化有什么用?不知道,反正就是没有工程化,拿不了高薪🙃🙃