前端工具整理

请注意:本文编写于 94 天前,最后修改于 68 天前,其中某些信息可能已经过时。

把比较热门的一些前端工具整理出来以加深自己对这些工具的理解。

webpack:

定位:一个现代 JavaScript 应用程序的静态模块打包器
主要功能:在内部创建一个依赖图,用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个 bundle
默认配置文件:webpack.config.js

Babel:

定位:一个 JavaScript 编译器
主要功能:主要用于在旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为向后兼容版本的 JavaScript 代码
默认配置文件:babel.config.js .babelrc package.json

Gulp:

定位:用自动化构建工具增强你的工作流程!
主要功能:用自动化构建工具增强你的工作流程!
默认配置文件:gulpfile.js

Sass/Scss:

定位:CSS 的一个扩展,它使 CSS 的使用起来更加优雅和强大。

Less:

定位:一门 CSS 预处理语言,它扩展了 CSS 语言。

Stylus:

定位:富于表现力、动态的、健壮的 CSS