open-index/open-npm huggingface dataset:
npm package: @nola/sdk
Description: > `@nola` 是一套基于 Vite，解决 Vue3 项目在 Runtime 加载部件的 Solution，它尚有诸多 缺陷 与 不足，望请各位大神多多提点！
Latest version: 1.1.0

# @nola

> `@nola` 是一套基于 Vite，解决 Vue3 项目在 Runtime 加载部件的 Solution，它尚有诸多 缺陷 与 不足，望请各位大神多多提点！

## SDK（`@nola/sdk`）使用说明

### 使用 `@nola` 的项目主要分为 两个部分，即：主项目 与 物料库

- 主项目 示例仓库：
- 物料库 示例仓库：

### 1. 主项目 通过 `@nola/sdk` 中的 `supporter` 模块载入 物料库

```js
// Import Supporter from SDK
import { viteSupporter } from '@nola/sdk';

// Materials Loader
viteSupporter(/* Options */);
```

### 2. 物料库 通过 `@nola/sdk` 中的 `registry` 模块进行 物料注册

```js
// Import Registry from SDK
import { viteRegistry } from '@nola/sdk';

// Register Components into App
viteRegistry(globalThis.App); // or window.Vue
```

### 3. 此外，物料库 的 `vite.config.js` 中，可以通过 `@nola/sdk` 中的 `vite.extension` 模块完成配置扩展

```js
// Import Vite Extension from SDK
import viteExtension from '@nola/sdk/vite.extension';

// Set Extension Configure
export default viteExtension({
  name: 'atomic',
  version: '0.1.0'
});
```

### 4. 于 物料库 中配置 `nola` 指令，并使用 `yarn dev` 开启本地调试模式、`yarn build` 进行 物料打包

```json
{
  "scripts": {
    "dev": "nola build --watch & nola",
    "build": "nola build"
  }
}
```