open-index/open-npm huggingface dataset:
npm package: @noxfed/lottie-webpack-loader
Description: Webpack Loader for json lottie-web files
Author: Xia Shan
Latest version: 1.0.1

# Load assets for json lottie-web files

## Usage

```
npm install @noxfed/lottie-webpack-loader --save-dev
```

**`webpack.config.js`**

```javascript
module.exports = {
  module: {
    rules: [
      {
        type: 'javascript/auto',
        test: /\.json$/,
        include: /(lottie)/,
        loader: 'lottie-web-webpack-loader',
      }
    ]
  }
}
```

**`animation.js`**

```javascript
import lottie from 'lottie-web';
import animationData from '@/assets/lottie/hero/index.json';

const heroAnimation = lottie.loadAnimation({
  container: document.getElementById('hero-animation'),
  renderer: 'svg',
  animationData
});

heroAnimation.goToAndPlay(0, true);
```

## License

MIT
npm package: @noxfed/nox-pro
Description: <p align="center">     <img style="width:120px;height:120px;border-radius:50%" alt="logo" src="https://res06.noxgroup.com/noxfed/icons/default-space-logo-256.png" width="120" style="margin-bottom: 10px;"> </p> <h1 align="center">Nox Pro</h1>
Author: noxfe
Latest version: 2.0.1

<p align="center">
    <img style="width:120px;height:120px;border-radius:50%" alt="logo" src="https://res06.noxgroup.com/noxfed/icons/default-space-logo-256.png" width="120" style="margin-bottom: 10px;">
</p>
<h1 align="center">Nox Pro</h1>

<p align="center">一套为开发者准备的基于 Ant Design Vue 与 Vue3 的桌面端高级组件库</p>

<p align="center">
    <img src="https://img.shields.io/npm/v/@noxfed/nox-pro?style=flat-square" alt="npm version" />
    <img src="https://img.shields.io/npm/dm/@noxfed/nox-pro.svg?style=flat-square&color=#4fc08d" alt="downloads" />
</p>
<p align="center">
  🔥 <a target="_blank" href="https://noxfed.github.io/nox-pro/#/zh-CN">文档网站（Github）</a>
</p>

### 介绍

Nox Pro 是**夜神前端团队**内部孵化的桌面端高级组件库，Nox Pro 对内承载了[夜神](https://www.noxgroup.com)所有内部系统业务，并在实践中持续迭代

### 特性

- 丰富的组件示例与完善的开发文档
- 支持按需引入
- 支持主题定制
- 支持 TypeScript

### 链接

- [意见反馈](https://github.com/NoxFED/noxfed.github.io/issues)

### 贡献

```bash
yarn
yarn dev
```
npm package: @noxfed/pro-cli
Description: Vant Cli 是一个 Vue 组件库构建工具，通过 Vant Cli 可以快速搭建一套功能完备的 Vue 组件库。
Author: chenjiahan
Latest version: 5.0.3

# Vant Cli

Vant Cli 是一个 Vue 组件库构建工具，通过 Vant Cli 可以快速搭建一套功能完备的 Vue 组件库。

### 特性

- 提供丰富的命令，涵盖从开发测试到构建发布的完整流程
- 基于约定的目录结构，自动生成优雅的文档站点和组件示例
- 内置 ESlint、Stylelint 校验规则，提交代码时自动执行校验
- 构建后的组件库默认支持按需引入、主题定制、Tree Shaking

### 快速上手

执行以下命令可以快速创建一个基于 Vant Cli 的项目：

```bash
yarn create vant-cli-app
```

### 手动安装

```shell
# 通过 npm 安装
npm i @vant/cli -D

# 通过 yarn 安装
yarn add @vant/cli --dev
```

安装完成后，请将以下配置添加到 package.json 文件中

```json
{
  "scripts": {
    "dev": "vant-cli dev",
    "test": "vant-cli test",
    "lint": "vant-cli lint",
    "build": "vant-cli build",
    "prepare": "husky install",
    "release": "vant-cli release",
    "build-site": "vant-cli build-site"
  },
  "lint-staged": {
    "*.md": "prettier --write",
    "*.{ts,tsx,js,vue,less,scss}": "prettier --write",
    "*.{ts,tsx,js,vue}": "eslint --fix",
    "*.{vue,css,less,scss}": "stylelint --fix"
  },
  "eslintConfig": {
    "root": true,
    "extends": ["@vant"]
  },
  "stylelint": {
    "extends": ["@vant/stylelint-config"]
  },
  "prettier": {
    "singleQuote": true
  },
  "browserslist": ["Chrome >= 51", "iOS >= 10"]
}
```

## 详细文档

- [命令](https://github.com/youzan/vant/tree/dev/packages/vant-cli/docs/commands.md)
- [配置指南](https://github.com/youzan/vant/tree/dev/packages/vant-cli/docs/config.md)
- [目录结构](https://github.com/youzan/vant/tree/dev/packages/vant-cli/docs/directory.md)
- [桌面端组件](https://github.com/youzan/vant/tree/dev/packages/vant-cli/docs/desktop.md)
- [更新日志](https://github.com/youzan/vant/tree/dev/packages/vant-cli/changelog.md)