简介
npm是node.js包管理器，通过npm我们可以轻松地下载并安装各种各样的依赖库。spiral-cerber是一款基于Webpack的模块化打包工具，可以用于前端开发中的模块化构建。
安装
在命令行中输入以下命令进行安装
--- ------- -------------
如果想全局安装，添加 -g 参数即可
--- ------- -- -------------
使用
初始化
在项目目录下执行以下命令进行初始化
------ ----
执行该命令后会创建一个名为cerber.config.js的配置文件以及一个名为src的文件夹，该文件夹下存放我们需要打包的模块化代码。
配置
打开刚刚生成的cerber.config.js文件，可以看到默认的配置如下：
-------------- - -
------ ---------------
------- -
--------- -----------------------
-
-其中entry表示打包入口文件路径，output表示打包生成文件的路径和文件名。
你可以根据自己的需求对其进行配置。例如：
-------------- - -
------ --------------
------- -
--------- ----------------
-
-开始打包
在命令行中输入以下命令进行打包
------ -----
执行该命令后，打包生成的文件会自动存放在上面配置的dist目录下。
示例
例如我们在src目录下创建一个名为module.js的文件，并导出一个test函数，代码如下：
------ -------- ------ - ------------------ --------- -
然后在src目录下创建一个名为index.js的入口文件，引入上方创建的module.js文件，并调用其中的test函数，代码如下：
------ ------ ---- -------------- -------
现在我们可以开始打包了，执行以下命令：
------ -----
执行成功后，会在dist目录下生成一个名为cerber.bundle.js的文件。打开该文件可以看到，我们在src目录下创建的module.js文件以及index.js文件都被打包在该文件中了。
现在我们可以在html中引入该文件，例如：
------
------
------- -------------------------------------
-------
------
--------
------- -- ----- ------
---------
-------
-------总结
通过本文的介绍，我们学习了如何使用npm包spiral-cerber进行前端模块化打包。不管是在个人项目还是团队开发中，使用模块化的方式进行开发可以使代码更易于维护，提高开发效率，也可以使代码更加规范化。因此，学习模块化打包工具是非常有必要的。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006709e8ccae46eb111efe0