1. 前言
@dhis2/cli-app-scripts 是 DHIS2 前端项目开发工具，基于 create-react-app 封装的基础上，提供了 DHIS2 定制的插件集合。
本篇文章将介绍如何使用 @dhis2/cli-app-scripts 创建项目、添加插件等操作，方便前端开发人员快速搭建 DHIS2 前端项目并进行开发。
2. 安装和使用
安装
首先，需要安装 npm 包管理工具，安装方法可见 npm 官网https://www.npmjs.com/get-npm。
安装完成后，使用以下命令安装 @dhis2/cli-app-scripts：
npm install @dhis2/cli-app-scripts --save-dev
使用
创建 DHIS2 项目
在项目根目录下，运行以下命令创建 DHIS2 项目：
npx @dhis2/cli-app-scripts init
添加插件
在 DHIS2 项目中，添加插件使用以下命令：
npx @dhis2/cli-app-scripts add-plugin plugin-name
删除插件
在 DHIS2 项目中，删除插件使用以下命令：
npx @dhis2/cli-app-scripts remove-plugin plugin-name
3. 配置文件
@dhis2/cli-app-scripts 的配置文件位于项目根目录下的 .d2.config.js 文件中，用于配置 DHIS2 和插件的基本信息。示例配置文件：
-- -------------------- ---- -------
-------------- - -
----- ------
------ ------ -----
------------ -
---- ---------------
--
-------- -
--------------
------------
--------
--------------
--------------
--------------
--
--4. 示例代码
以下示例代码演示如何在 DHIS2 项目中使用 @dhis2/cli-app-scripts 以及如何添加插件：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - -------- - ---- -------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
----- ---
-------- ---
--
-
----- ------------------- -
----- - -------- ---- - - ----- --------------------------------- --
--------
--
---------------
-----
--------
---
-
-------- -
----- - ----- ------- - - -----------
------ -
-----
--------- --------
-------- ----------
----------- -------------
------
--
-
-
-------------------- --- --------------------------------5. 总结
通过使用 @dhis2/cli-app-scripts，可以方便快捷地创建和配置 DHIS2 项目，同时也可以轻松地添加和删除插件。希望本文能够帮助前端开发人员快速入门 DHIS2 前端开发，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/116324