9款自动化构建打包工具

Posted songbingjia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了9款自动化构建打包工具相关的知识,希望对你有一定的参考价值。

1、Webpack     Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。

2、Grunt     Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件,几乎任何你所要做的事情都可以用 Grunt 实现。

3、Gulp.js     Gulp.js - 基于流(stream)的自动化构建工具。Grunt 采用配置文件的方式执行任务,而 Gulp 一切都通过代码实现。

4、Rollup     Rollup 是一个 javascript 模块打包工具,可以将小块代码编译成大块复杂的代码。

5、Parcel     Parcel - 极速、零配置的 web 应用打包工具。

6、Rome.js     Rome 是一个完整的 JavaScript 工具链。它囊括了编译器、语法检查器、格式化程序、打包工具、测试框架等等。Rome 旨在成为处理 JavaScript 源代码的综合工具。

7、Browserify     browserify是用于为浏览器编译节点风格的 commonjs模块的工具 。

8、Brunch     快速的前端Web应用程序构建工具,具有简单的声明性配置和无缝的增量编译功能,可实现快速开发。

9、Broccoli     Broccoli是一个JavaScript构建工具。构建工具是一种软件,负责将您的应用程序资产(JavaScript,CSS,图像等)组装成某种可分发的形式,通常在浏览器中运行。通过模块化插件体系结构,所有配置均在JavaScript中完成(无混乱/混乱的配置文件)。

以上是关于9款自动化构建打包工具的主要内容,如果未能解决你的问题,请参考以下文章

UI设计师快打包带走这9款Sketch插件,设计效率一定翻倍!

自动化构建工具WebPack

Gradle构建工具与Android对应关系

使用 Vagrant + VirtualBox 快速构建 CentOS 下的 Docker 环境

gradle 构建工具

Vue项目模板--和--webpack自动化构建工具的---项目打包压缩使用