简介
在前端开发中，经常需要用到一些 CSS 样式库以及 JavaScript 插件等。随着项目的不断增多，每个项目中都会用到各自的样式与插件，因此在维护和升级上都变得十分繁琐。
为了更好的管理和维护这些资源，npm 包 unification 应运而生。unification 可以帮助我们快速搭建出一个干净、统一的前端项目，同时也为我们提供了打包、压缩等一系列工具。
本文将介绍如何使用 npm 包 unification。
安装
使用 npm 安装 unification：
--- ------- ----------- ----------
配置
在项目根目录下创建一个名为 .unificationrc.js 的 js 文件，进行配置。
-------------- - -
--- -
------ -----------------
------- -
----- -------------------
------- -------
--
--
---- -
------- ------------------
------- -------------------
-------- ---
--
----- -
------- ---------------
------- --------------------
------- ---
--
--在上面的配置文件中，我们可以配置 JavaScript、CSS 和 HTML 文件的输出路径、输入路径和压缩方式等。其中，entry 表示 JavaScript 的入口文件，output.file 表示打包后的文件路径，output.format 表示输出格式。source 表示 CSS 和 HTML 的源文件路径，output 表示输出路径，plugins 表示 CSS 预编译、后处理工具等。
使用
通过命令行工具进行使用：
--- -----------
通过上面的命令即可启动 unification。在启动完成后，它会自动将我们的代码打包、压缩后放到 ./dist 目录下。
同时，我们也可以使用 npm 中的 script 命令进行操作：
-
---------- -
-------- ---- -------------
-------- ---- ----------- -- ---- ---------------
-
-通过上面的配置，我们可以使用 npm start 启动 unification，使用 npm run build 打包并启动项目。
示例代码
在这里，我们可以使用 unification 中默认的模板生成一个示例项目：
--- ----- -------------------- ------
上面的命令会将 unification 的默认模板复制到 my-app 目录下。
通过 npm install 和 npm start 后即可启动项目。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005587681e8991b448d5b46