open-index/open-npm huggingface dataset:
npm package: @lugia/lugia-web-extend
Description: ## 此项目是介绍如何进行第三方组件开发的项目模板
Author: ysstech
Latest version: 1.1.10

## @lugia/lugia-web-extend 

## 此项目是介绍如何进行第三方组件开发的项目模板

### 项目目录说明

├── dist     //项目打包后文件存放路径

│ ├── designInfo.js  // 项目中所有组件信息的描述文件(必要文件)

├── public     //基础公共资源存放路径

├── scripts

│ ├── create.js   // 在打包构建时生成designInfo信息(designInfo是Mega-IDE读取组件的必要文件)

├── src // 源码目录 

│ ├── widgets // 组件目录

│ │ ├── example // 组件模板目录，详细描述了组件开发所必须的文件和属性

│ │ │ ├── demo.js  // 组件使用的示例代码(仅开发时测试使用) 

│ │ │ ├── index.js  // 组件入口文件(必要文件)

│ │ │ ├── lugia.example.zn-CN.json  // 组件描述信息文件(必要文件  文件命名为lugia.[上一级文件名].zn-CN.json)

│ │ ├── todo // Todo组件开发示例

│ │ │ ├── demo.js  // 组件使用的示例代码(仅开发时测试使用) 

│ │ │ ├── index.js  // 组件入口文件(必要文件)

│ │ │ ├── lugia.example.zn-CN.json  // 组件描述信息文件(必要文件)

│ │ │ ├── todo.js // Todo组件主要逻辑代码

│ │ ├── designInfo.js 项目中所有组件信息的描述文件(必要文件  使用 yarn dist 命令打包构建时自动生成；如需自定义打包构建命令，请确保先执行create.js或自行编写好此文件)

│ ├── App.js // 初始化路由

│ ├── index.js // 项目入口文件

│ ├── router.js // 项目路由配置文件

├── gulpfiles // 打包构建配置项

├── lugia.config.js // 组件库基础配置信息

├── package.json // 项目配置信息

├── README.md // 项目说明文档

### 使用方式

方式一：

1. 组件开发完成后，发布到npm
2. 在Mega-IDE中引入发布的包，即可在Mega-IDE中使用该组件库提供的组件

方式二：

1. 组件开发完成后，发布到npm
2. 可在任意项目中引用该组件库