atomify-js 是一个基于 Browserify，但功能更加强大的前端工具。它不仅支持 JavaScript 的模块化编程，还提供了许多额外的功能，如自动压缩、文件合并、代码转换等。本文将详细介绍 atomify-js 的使用方法及其内部原理。
安装
安装 atomify-js 最简单的方法就是使用 NPM：
npm install atomify-js --global
基本使用
使用 atomify-js 最基本的方式就是传入一个入口文件，例如：
atomify entry.js -o bundle.js
这将会把 entry.js 及其依赖打包成一个压缩后的 bundle.js 文件，该文件可直接用于浏览器端引入。
高级用法
文件合并
atomify-js 能够根据配置文件对多个文件进行合并，可以使用 --config 选项指定配置文件，例如：
atomify --config atomify.config.js
配置文件的格式如下：
-- -------------------- ---- -------
-------------- - -
------ -----------
------- ------------
----------- -
---------------------
---------------------------------
------------------- ---------- --------------
--
-------- -
------------------------
------ -------------
------- ------------
--
-
--自定义 transform
如果想要自定义 transform，可以通过创建一个函数，并返回一个 Browserify transform 来实现。例如，下面创建了一个用于转换 ES6 的 transform：
module.exports = function (file) {
var babel = require('babelify');
return babel(file, {
presets: ['es2015']
});
};使用时，直接引入该文件即可：
atomify entry.js -o bundle.js -t ./my-transform
自定义 plugin
如果想要自定义 plugin，可以通过创建一个函数，并返回一个插件对象来实现。例如，下面创建了一个用于转换文件路径的 plugin：
-- -------------------- ---- -------
-------------- - -------- ------ -
------ -------- --------- -
-------------------- -------- -------- -
---------------------- -------- ---- ----- -
------------- -------- ---------- -
-------- - ----------------------- --------------------------- -----------
------- - ---------
---
---
---
--
--使用时，与自定义 transform 相同：
atomify entry.js -o bundle.js --plugin ./my-plugin --my-plugin-arg foo
结语
本文介绍了 atomify-js 的基本使用方法及其内部原理。除此之外，atomify-js 还有许多高级特性，如多语言支持、自动化测试等。如果想要深入了解 atomify-js，请参考官方文档或者阅读源码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/91506