open-index/open-npm huggingface dataset:
npm package: @mrbuilder/plugin-storybook
Description: Provides mrbuilder wrapper for storybook
Latest version: 4.4.7-alpha.9

Provides [Storybook](https://storybook.js.org) support for mrbuilder.


## Options
| Property      | Type       | Default      | Description                      |
| ------------- | -----------| -------------| ---------------------------------|
| addons        | string[]   | [ "@storybook/addon-knobs/register", "@storybook/addon-options/register"]           |an array of plugins  |
| parameters    | {}         | {"goFullScreen":false,"showLeftPanel":true,"showDownPanel":true,"showSearchBox":false,"downPanelInRight":true,"sortStoriesByKind":true,"hierarchySeparator":null,"sidebarAnimations":true,"selectedAddonPanel":null}| paramters to set
| outputDir     | string     | storybook-static | Output directory |
| staticDir     | string     |                  | Directory of static files to load |
| sourceDir     | string     | src  | Directory to look for stories |
| test          | Regex      | /.stories.js$/   | pattern to look for stories |
| themePkg      | string     | @storybook/theming | package to look for theme |
| theme         | string     | light  | path to theme from themePkg object |
| port          | number     |    | random    |
| host          | string     |    | Host to bind to   |
| sslCa         | string     |    | SSL CA     |
| sslCert       | string     |    | SSL Cert   |
| sslKey        | string     |    | SSL Key  |
| dll           |    |    |    |
| ci            |    |    |    |
| smokeTest     |    |    |    |
| quiet         |    |    |    |
| host          |    |    |    |
| ignorePreview |    |    |    |
| docs          |    |    |    |
| frameworkPresets |    |    |    |
| previewUrl    |    |    |    |
npm package: @mrbuilder/plugin-stylus
Description: Stylus plugin for mrbuilder
Author: Justin Spears
Latest version: 4.4.7-alpha.9

This plugin provides [stylus](http://stylus-lang.com/) support for mrbuilder
using the [stylus-loader](https://github.com/shama/stylus-loader).  It also
adds [nib](https://tj.github.io/nib/) support.

### Options
| Property      | Type       | Default      | Description                      |
| ------------- | -----------| -------------| ---------------------------------|
| alias         | object     |              | Add aliases                      |
| modules       | bool/regex | true         | Add css module support           |
| test          | regex      | /*.s[ac]ss$/ | match *.sass and scss files      |
| paths         | array      | node_modules | Add paths to include             |
| nib           | bool       | true         | use [nib](https://github.com/stylus/nib|
| includeCss    | bool       | true         | Include regular CSS on @import   |
| preferPathResolver | string|              | webpack or null                  |
| hoistAtRules  | bool       | true         | Move @import and @charset to the top|
| compress      | bool       | false        | Compress output                  |
| sourceMap     | bool       | true         | Output sourceMap                 |
npm package: @mrbuilder/plugin-svelte
Description: This plugin provides [svelte](https://svelte.dev) file handler.
Latest version: 4.4.7-alpha.9

This plugin provides [svelte](https://svelte.dev) file handler.

See it an example [here](../../examples/example-app-svelte)


## Webpack
This plugin configures webpack.

## Cli
This plugin has a cli.  You should document it here.
npm package: @mrbuilder/plugin-typescript
Description: Typescript plugin for mrbuilder
Author: Justin Spears
Latest version: 4.4.7-alpha.9

Provides typescript

| Property      | Type       | Default      | Description                      |
| ------------- | -----------| -------------| ---------------------------------|
| useBabel      | bool       | false        | Use [babel instead of tsc and ts-loader](https://github.com/a-tarasyuk/webpack-typescript-babel/) all other options are ignored        |


Please add a tsconfig.json to your project's root to be able to use

see

```json
{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": ".",
    "suppressExcessPropertyErrors": true,
    "declaration": true,
    "outDir": "@types",
    "target": "es5",
    "strictNullChecks": false,
    "sourceMap": true,
    "skipLibCheck": true,
    "jsx": "react",
    "lib": [
      "dom",
      "es2015"
    ]
  },
  "files": [
    "./src/*.tsx"
  ]
}


```

Add the above to your project in a file called tsconfig.json - If you see
```html
ERROR in mrbuilder-plugin-typescript/tsconfig.json
[tsl] ERROR
      TS18003: No inputs were found in config file 'tsconfig.json'.
      Specified 'include' paths were '["./src/**/*"]' and 'exclude'
       paths were '["node_modules","**/*.spec.ts"]'.
```
npm package: @mrbuilder/plugin-uglify
Description: uglify support for mrbuilder
Latest version: 4.4.7-alpha.9

This plugin exposes configuration for uglification and minification.  It should
only be used in production builds. See [uglify-plugin](https://github.com/webpack-contrib/uglifyjs-webpack-plugin) for more configuration
options.


Its default configuration is as follows
```js static
parallel = true,
cache = true,
sourceMap = false,
extractComments = true,
uglifyOptions = {
    ie8        : false,
    ecma       : 8,
    warn       : true,
    global_defs: {
        "@alert"   : "console.log",
        DEBUG      : false,
        PRODUCTION : true,
        DEVELOPMENT: false,
    },
    compress   : {
        dead_code  : true,
        keep_fargs : false,
        keep_fnames: false,
    },
    output     : {
        comments: false,
        beautify: false,
    },
}


```
| Property      | Type       | Default      | Description                      |
| ------------- | -----------| -------------| ---------------------------------|
| parallel      | bool       | true         | Compress in parallel             |
| cache         | bool       | true         | Cache                            |
| ecma          | number     | 8            | ECMA level                       |
| global_defs   | object     | see above    | global definitions               |
| compress      | object     | see above    | compress options                 |
| output        | object     | see above    | output options                   |
npm package: @mrbuilder/plugin-version
Description: Expose version information for mrbuilder
Author: Justin Spears
Latest version: 4.4.7-alpha.9

This plugin provides some version information.  By default it uses
the version in your package.json

### Options

| Property      | Type       | Default          | Description                      |
| ------------- | -----------| -----------------| ---------------------------------|
| version       | string     | pkg.version      | version from packge.json         |
| variable      | string     | PKG_NAME_VERSION | variable name                    |
| NODE_ENV      | string     | NODE_ENV         | NODE_ENV                         |
| module        | string     | ./package.json   | the module to use for versioning |
npm package: @mrbuilder/plugin-webpack
Description: Tools for developing with mrbuilder and webpack
Latest version: 4.4.7-alpha.9

This plugin is a core plugin that provides the root of the [webpack](https://webpack.js.org) support.

### Options

| Property      | Type       | Default      | Description                      |
| ------------- | -----------| -------------| ---------------------------------|
| libraryTarget | string     | commonjs2    | Type of library to output        |
| library       | string     |              | root library name                |
| mainFields    | bool | string[] | true        | Main fields [source,browser,main] |
| app           | string     |              | Directory to build app (not library)|
| demo          | string     |              | Directory to build demo (not library)|
| entry         | object     | {index:src/index.js}| Entry point                |
| outputPath    | string     | lib          | where to put built library       |
| useExternals  | bool       | true         | use externals                    |
| externals     | string     |              | libraries to use as externals    |
| externalizePeers|bool      | true         | Make peerDependencies external   |
| devtool       | string     | source-maps  | A dev tool                       |
| filename      | string     | [name].[hash].js|Name the javascript files      |
| alias         | string[]   | [react,react-dom]| Create alias's so only 1 version is used|
| node          | object     |              | Maps to [webpack.node](https://webpack.js.org/configuration/node/)             |
| extensions    | string[]   | [.js,.jsx,.json]| Add extensions (depreacted use cli.extensions) |
| public        | string     | ""           | The "publicPath" options in webpack|
| useTarget     | string     | "web"        | The target property in webpack     |
| noParse       | regex      |              | A pattern for webpack not to parse|
| globalThis    | string     |              | The object to use for global, 'this' works server and browser |
npm package: @mrbuilder/plugin-webpack-dev-server
Description: webpack dev server for mrbuilder
Latest version: 4.4.7-alpha.9

This plugin provides [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
 support for mbuilder projects.  This runs a convienent server for development.

You can pass in all the normal webpack devServer configuration.  In addition
it has a url rewrite functionality.

```js static
{
  "rewrite":{
    //rewrites
    "/public\/js\/(stuff)\.([a-z0-9A-Z])\.(js|css)/":"/whatever/{0}.{2}"
    //matches and sends back an empty string
    "/send_empty":true
  }
}
```

### Options
All other options are passed to webpack dev server.

| Property      | Type       | Default      | Description                      |
| ------------- | -----------| -------------| ---------------------------------|
| historyApiFallback | bool  | true         | Use history fallback             |
| port          | number     | 8082         | Port to listen to                |
| contentBase   | string     | ./public     | Directory with assets            |
| entry         | object     | public/index.js| falls back to src/index.js     |
| rewrite       | object     |              | Rewrite urls                     |
| useBuildCache | bool       | false        | Enables build caching that can improve build performance|
npm package: @mrbuilder/plugin-workbox
Description: This plugin configures webpack for [workbox](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build). all options are passed into the plugin
Latest version: 4.4.7-alpha.9




## Webpack
This plugin configures webpack for [workbox](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build).
all options are passed into the plugin 

## Example
An example can be found [here](https://github.com/mr-builder/mrbuilder/tree/master/examples/example-app-workbox)
npm package: @mrbuilder/preset-app
Description: This preset is to be used for top level applications.  It sets up production and development. It configures your module for application running rather than module building.
Latest version: 4.4.7-alpha.9

This preset is to be used for top level applications.  It sets up
production and development. It configures your module for application running
rather than module building.

To start a library see [mrbuilder-preset-lib](#mrbuilder-preset-lib)
npm package: @mrbuilder/preset-cra
Description: Provides a preset to make your build vary React Create App like. If your into that sort of thing.   It also uses mrbuilder so all your plugin magic should be good to go.
Latest version: 4.4.7-alpha.9

Provides a preset to make your build vary React Create App like.
If your into that sort of thing.   It also uses mrbuilder so all your
plugin magic should be good to go.
npm package: @mrbuilder/preset-lib
Description: This preset is to be used for top libraries.  It sets up production and development. It configures your module for building modules rather than running applications.
Latest version: 4.4.7-alpha.9

This preset is to be used for top libraries.  It sets up
production and development. It configures your module for building modules
rather than running applications.

To start applications see [mrbuilder-preset-app](#mrbuilder-preset-app)
npm package: @mrbuilder/preset-test
Description: This preset is to be used for tests.
Latest version: 4.4.7-alpha.9

This preset is to be used for tests.

```json
{

  "mrbuilder":{
        "env":{
            "test":{
                "presets":[
                    "mrbuilder-preset-test"
                ]
            }

        }
  }

}
```

To start applications see [mrbuilder-preset-app](#mrbuilder-preset-app)
npm package: @mrbuilder/tool
Description: Tool for changing package files
Latest version: 4.4.7-alpha.9

## Muck
This a tool for mucking with json files within projects. Mostly package.json, its meant to be able to quickly create
combinations of commands for making things work.

Examples.
```sh
$ mr-muck -p name="Name the Package" -s devDependencies.stuff=1.7.0 -c -C -n config.json
```
Would create a file like this if it does not exist.  If it did it exist it would create config.json.bck and would
have name set to Somethign and a devDependency of stuff.

```json
{
  "name": "Something",
  "devDependencies": {
    "stuff": "1.7.0"
  }
}

```
And then some other time you wanted to add a description. you could
```sh
$ mr-muck -p name="Name the Package" -p description="Describe the Package" -s devDependencies.stuff=1.7.0 -s dependencies.other=1.0.0
```

### Options

**Path** is a dot notation path a.b.c

| Argument      | Short | Type       | Description                      |
| ------------- | ------|------------| ---------------------------------|
| --prompt      | -p    | message    | Prompt for any changes           |
| --set         | -s    | **path**=value | Set the path                 |
| --delete      | -d    | **path**   | Delete the key and value         |
| --get         | -g    | **path**   | Get the value(s) for the path    |
| --move        | -mv   | **path**=path | Move path from location to another|
| --skip        | -k    |            | Skip if value exists             |
| --unless      | -u    |            | Only if key exists               |
| --confirm     | -c    |            | Confirm change                   |
| --ignore      | -i    | packages   | Packages to ignore               |
| --no-lerna    | -n    |            | Don't use lerna                  |
| --file        | -f    | file       | File to operate upon             |
| --create-file | -c    |            | Create file if it does not exist |
| --preview     | -P    |            | Preview files that change before writing|
| --scope       | -S    |            | Only operate on these packages   |
| --no-extension|       |            | Write in place, no backup file   |
| --help        | -h    |            | Helpful message                  |
npm package: @mrbuilder/upgrade
Description: Tool for upgrading mrbuilder
Latest version: 4.4.7-alpha.9

Upgrading from version 3.x to version 4.x

This tool is provided to assist the upgrading from version 3 to version 4 of mrbuilder. Its not perfect however for
most common cases this tool should work.  Version 4 changes packaging to scoped packaging for better security and 
namespace availability.   


### Usage
```sh
 # review changes
 $ ./node_modules/.bin/mrbuilder-upgrade | less
 # write the changes to disk.  MAKE SURE YOU HAVE A BACKUP of .mrbuilderrc and package.json SAVED.
 $ ./node_modules/.bin/mrbuilder-upgrade --write
```
npm package: @mrcaidev/cue
Description: A minimal MVVM framework.
Author: Yuwang Cai
Latest version: 0.3.0

<div align="center">
  <a href="https://github.com/mrcaidev/cue" target="_blank" rel="noreferrer" hrefLang="en">
    <img src="assets/logo.svg" alt="Logo" width="80px"/>
  </a>
  <h1>Cue</h1>
  <p>A minimal MVVM framework</p>
  <a href="https://github.com/mrcaidev/cue/wiki" target="_blank" rel="noreferrer" hrefLang="en"><strong>Explore the documentation 》</strong></a>
</div>

## ✨ Introduction

Cue - short for MrCai's Vue - is a light-weight MVVM framework. Features include:

- [x] Two-way binding between view and model. (Proxy + Subscribers)
- [x] Native TypeScript support.
- [x] Handy directives, e.g. `c-bind`、`c-on`、`c-model`.

![example](assets/example.png)

## 🚀 Getting started

`@mrcaidev/cue` is available in npm registry.

```bash
npm i @mrcaidev/cue    # npm
yarn add @mrcaidev/cue # yarn
pnpm add @mrcaidev/cue # pnpm
```

For detailed usage, please refer to the [documentation](https://github.com/mrcaidev/cue/wiki).

## 🤝 Contributing

**Any contributions will be welcome and greatly appreciated.**

### Bug report

If something goes wrong, please [open an issue](https://github.com/mrcaidev/cue/issues) to help us improve.

### Feature request

If you have an idea of a new hook, or a better solution for an existing hook, please fork this repository and [create a pull request](https://github.com/mrcaidev/cue/pulls).

### Other feedback

You can always open an issue, or directly contact the author via [mrcaidev@qq.com](mailto:mrcaidev@qq.com).

## 📜 License

[MIT](https://github.com/mrcaidev/cue/blob/master/LICENSE)
npm package: @mrcaidev/hooks
Description: React utility hooks
Author: Yuwang Cai
Latest version: 0.10.0

# @mrcaidev/hooks

A collection of React utility hooks.

- **Easy to use:** Good defaults, while highly customizable.
- **Fully typed:** Enjoy 100% type safety with TypeScript.
- **Server ready:** SSG/SSR support out of the box.
- **Lightweight:** <3KB gzipped. Tree-shaking supported.

## Getting started

Please follow the [documentation](https://hooks.mrcai.dev) to get started with `@mrcaidev/hooks`.

## Built with

[![TypeScript](https://img.shields.io/badge/typescript-3178c6?style=for-the-badge&logo=typescript&logoColor=ffffff)](https://www.typescriptlang.org/)
[![React](https://img.shields.io/badge/react-23272f?style=for-the-badge&logo=react)](https://reactjs.org/)
[![Vite](https://img.shields.io/badge/vite-646cff?style=for-the-badge&logo=vite&logoColor=ffffff)](https://vitejs.dev/)
[![Vitest](https://img.shields.io/badge/vitest-6da13f?style=for-the-badge&logo=vitest&logoColor=ffffff)](https://vitest.dev/)
[![Testing Library](https://shields.io/badge/testing%20library-e33433?style=for-the-badge&logo=testinglibrary&logoColor=ffffff)](https://testing-library.com/)
[![Astro](https://img.shields.io/badge/astro-7e22ce?style=for-the-badge&logo=astro&logoColor=ffffff)](https://astro.build/)
[![Tailwind CSS](https://shields.io/badge/tailwind%20css-38bdf8?style=for-the-badge&logo=tailwindcss&logoColor=ffffff)](https://tailwindcss.com/)
[![pnpm](https://img.shields.io/badge/pnpm-f69220?style=for-the-badge&logo=pnpm&logoColor=ffffff)](https://pnpm.io/)
[![Turborepo](https://img.shields.io/badge/turborepo-000000?style=for-the-badge&logo=turborepo)](https://turbo.build/repo)
[![ESLint](https://shields.io/badge/eslint-4b32c3?style=for-the-badge&logo=eslint&logoColor=ffffff)](https://eslint.org/)
[![Prettier](https://shields.io/badge/prettier-24292e?style=for-the-badge&logo=prettier)](https://prettier.io/)
[![Commitlint](https://shields.io/badge/commitlint-121212?style=for-the-badge&logo=commitlint&logoColor=ffffff)](https://commitlint.js.org/)
[![EditorConfig](https://shields.io/badge/editorconfig-000?style=for-the-badge&logo=editorconfig&logoColor=ffffff)](https://editorconfig.org/)
[![Husky](https://shields.io/badge/husky-42b983?style=for-the-badge&logo=git&logoColor=ffffff)](https://typicode.github.io/husky/)
[![Lint staged](https://shields.io/badge/lint%20staged-f54d27?style=for-the-badge&logo=git&logoColor=ffffff)](https://github.com/okonet/lint-staged)

## Contributing

Please read the [contributing guide](https://github.com/mrcaidev/hooks/tree/master/.github/CONTRIBUTING.md) before any contribution.

> Currently this is really just a personal project. I'm trying to build a library that can make me proud of, while also learning React and Web APIs. But if you decide to help out, I believe it will definitely make this project better, and we can surely learn a lot from each other.

## License

[MIT](https://github.com/mrcaidev/hooks/tree/master/LICENSE)
npm package: @mrcaidev/http-errors
Description: Utility classes for HTTP errors
Author: Yuwang Cai
Latest version: 1.2.0

# @mrcaidev/http-errors

Utility classes for HTTP errors.

## 📦 Installation

```sh
npm add @mrcaidev/http-errors # using npm
yarn add @mrcaidev/http-errors # using yarn
pnpm add @mrcaidev/http-errors # using pnpm
```

## 🚀 Usage

Simplest:

```ts
import { BadRequestError } from "@mrcaidev/http-errors";

throw new BadRequestError(); // status: 400, message: "Bad Request"
```

Custom error message:

```ts
import { BadRequestError } from "@mrcaidev/http-errors";

throw new BadRequestError("Malformed data"); // status: 400, message: "Malformed data"
```

Dynamic status code:

```ts
import { HttpError } from "@mrcaidev/http-errors";

throw new HttpError(400); // status: 400, message: "Bad Request"
```

Dynamic status code and custom error message:

```ts
import { HttpError } from "@mrcaidev/http-errors";

throw new HttpError(400, "Malformed data"); // status: 400, message: "Malformed data"
```

Dynamic non-standard status code:

```ts
import { HttpError } from "@mrcaidev/http-errors";

throw new HttpError(499); // status: 499, message: "Unknown"
```

Dynamic non-standard status code and custom error message:

```ts
import { HttpError } from "@mrcaidev/http-errors";

throw new HttpError(499, "Custom error"); // status: 400, message: "Custom error"
```

Every error class extends `HttpError`, which further extends `Error`.

```ts
import { BadRequestError, HttpError } from "@mrcaidev/http-errors";

new BadRequestError() instanceof HttpError; // true
new HttpError(400) instanceof Error; // true
```

Hover over an error class in the editor to see its definition in RFC.

![Editor tooltip](editor.png)

## 🔎 References

- [RFC 9110](https://www.rfc-editor.org/rfc/rfc9110)
- [RFC 8470](https://www.rfc-editor.org/rfc/rfc8470)
- [RFC 7725](https://www.rfc-editor.org/rfc/rfc7725)
- [RFC 6585](https://www.rfc-editor.org/rfc/rfc6585)
- [RFC 5842](https://www.rfc-editor.org/rfc/rfc5842)
- [RFC 4918](https://www.rfc-editor.org/rfc/rfc4918)
- [RFC 2774](https://www.rfc-editor.org/rfc/rfc2774)
- [RFC 2295](https://www.rfc-editor.org/rfc/rfc2295)

## 📜 License

[MIT](LICENSE)
npm package: @mrcaktuz/sass-boilerplate
Description: This is a boilerplate kit for you sass project. It contains basics functions, mixins, variables and normalize to enable you to start from a strong and healthy base. The goal is to help you start not holding you back, please make it your own and customize 
Author: MrCaktuz
Latest version: 1.0.6

# Sass Boilerplate

This is a boilerplate for you sass project. It contains basics mixins, variables and normalization to enable you to start from a strong and healthy base. The goal is to help you start and not holding you back, please make it your own and customize it as much as you want.

## How to use

From the folder you want to add you SASS project run this command to create the boilerplate files.

```
npx @mrcaktuz/sass-boilerplate
```

Once done, I strongly recommend you to change things around and make it you own.

## What's in this boilerplate

First the normalize from [Normalize.css](https://necolas.github.io/normalize.css/) v8.0.1

Then some more custom resets in the global.scss file.

The rest are some basics variables & mixins useful to start a project. You will be able to use all of them in your project by simply importing the `variables.scss` file into any SASS file you need to use these variables.

### Base font size

The base font size is gracefully reset to `10px` for an easier use or `rem` but keep the accessibility for users that changed their browser preferences.

It's then set to `1.6rem` on the `body` to have a default font size of 16px as usual.

### Color theme setup

Colors variables and mixin are setup to enable the use of dark and light theme with the use of the attribute `data-theme` on your `<html>` tag or the user `prefers-color-scheme` from the browser. In case you don't want this feature feel free to set a value directly in the `$color-themes` list instead of a map like so :
``` SCSS
$color-themes: (
  'white': $c-white,
  'dark': $c-black,
)
```

### What else ?

Dig around, explore and edit everything this is your own now.

## Links
- [Github](https://github.com/MrCaktuz/sass-boilerplate)
- [NPM](https://www.npmjs.com/package/@mrcaktuz/sass-boilerplate)
npm package: @mrcarromesa/components
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: Carlos Rodolfo
Latest version: 0.1.5

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

---
npm package: @mrcen-dev/upload-cdn-vite-plugin
Description: 安装
Author: mrcen
Latest version: 1.5.4

# upload-cdn-vite-plugin

#### 一个用于 vite 打包后上传 cdn（七牛云） 的 VitePlugin

### 使用方法

安装

```shell

yarn add @mrcen-dev/upload-cdn-vite-plugin -D

```

使用

```javascript

// vite.config.ts
export default defineConfig({
	plugins: [vue(), uploadCdnVitePlugin({
		// 七牛云 accessKey
		accessKey: '',
		// 七牛云 secretKey
		secretKey: '',
		// 域名，空间访问的域名 （http://xxx.xxx.cm/）
		domain: '',
		// 七牛云 空间名 （例：cdnver）
		bucket: 'cdnver',
		// 打包后的文件夹（需用join连接，获取绝对路径）
		targetDir: join(__dirname, './', 'dist'),
		// 是否强制覆盖
		isCover: true,
		// 文件的前缀 （影响最终访问地址：http://xxx.xxx.cm/v1/demo2/xxxx.js）
		projectName: 'v1/demo2/'
	})
	],
})

```