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