JS 各封装工具库含义

JS 各封装工具库含义

开发环境模块

babel

定义

Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 
语法编写的代码转换为向后兼容的 JavaScript 语法，以便能
够运行在当前和旧版本的浏览器或其他环境中。

用处:

1.语法转换
2.通过 Polyfill 方式在目标环境中添加缺失
的特性 （通过引入第三方 polyfill 模块，例如 core-js）
3.源码转换（codemods）

中文文档:https://www.babeljs.cn/docs/

webpack

定义:

webpack是一个现代 JavaScript 应用程序的静态模块
打包器(module bundler)。当 webpack 处理应用程序时
，它会递归地构建一个依赖关系图(dependency graph)，
其中包含应用程序需要的每个模块，然后将所有这些模块
打包成一个或多个 bundle。

中文文档:https://www.webpackjs.com/concepts/

plugins

功能:

1.扩张webpack本身的一些功能，他们会允许在各种模块解析完成以
后的打包编译阶段，比如对解析后的模块文件进行压缩等。
2.插件（Plugins）是用来拓展webpack功能的，它们会在整个构建
过程中生效，执行相关的任务。
3.赋予其各种灵活的功能，例如打包优化、资源管理、环境变量注
入等，它们会运行在 webpack 的不同阶段（钩子 / 生命周期），
贯穿了webpack整个编译周期

推荐参考博客:https://blog.csdn.net/weixin_47450807/article/details/124192367

loader

功能:

webpack自身只支持js和json这两种格式的文件，loader
，它是一个转换器，将A文件进行编译成B文件，比如：将A
.less转换为A.css，单纯的文件转换过程.

推荐参考博客:https://blog.csdn.net/weixin_47450807/article/details/124192367

生产环境模块

Vue

定义:

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式
框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用
。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既
有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使
用时，Vue 也完全能够为复杂的单页应用提供驱动。

官方文档:https://v3.cn.vuejs.org/

loadsh

定义:

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

用处:

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：
1.遍历 array、object 和 string
2.对值进行操作和检测
3.创建符合功能的函数

中文文档:https://www.lodashjs.com/

wagneditor

定义:源 Web 富文本编辑器，开箱即用，配置简单

中文文档:https://www.wangeditor.com/