https://github.com/zcf0508/unplugin-dingtalk
一键启动钉钉内调试。
https://github.com/zcf0508/unplugin-dingtalk
rebuild vite vuecli
Last synced: 4 months ago
JSON representation
一键启动钉钉内调试。
- Host: GitHub
- URL: https://github.com/zcf0508/unplugin-dingtalk
- Owner: zcf0508
- License: mit
- Created: 2024-05-22T03:19:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-12-26T09:24:42.000Z (6 months ago)
- Last Synced: 2025-12-27T21:56:01.046Z (6 months ago)
- Topics: rebuild, vite, vuecli
- Language: TypeScript
- Homepage:
- Size: 967 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# unplugin-dingtalk
[](https://www.npmjs.com/package/unplugin-dingtalk)
[](https://deepwiki.com/zcf0508/unplugin-dingtalk)
一键启动钉钉内调试。支持 `vite`、`vue-cli`、`rsbuild`。
## 功能
- [x] 在钉钉内打开调试链接
- [x] 可选注入 [vConsole](https://github.com/Tencent/vConsole) 用于调试 (仅支持 vite )
- [x] 可选注入 [chii](https://github.com/liriliri/chii) 用于调试
- [x] ~~可选打开 [vue-devtools](https://github.com/vuejs/devtools) 用于调试~~ 已移除,如有需要请使用 [vue-devtools](https://devtools.vuejs.org/guide/standalone)
- [x] 支持调试 `HttpOnly` cookies

## 安装
```bash
npm i unplugin-dingtalk --save-dev
```
```ts
interface Options {
enable?: boolean
targetUrl?: string
corpId?: string
debug?: boolean
/**
* only support vite
*
* @link https://github.com/vadxq/vite-plugin-vconsole#vitevconsole-options
*/
vconsole?: viteVConsoleOptions
/** 需要调试的 cookies, 避免无法调试 HttpOnly 的 cookie */
debugCookies?: string[]
chii?: {
/** 默认值 `true` */
enable?: boolean
/**
* 默认值 `false`
* @link https://chii.liriliri.io/docs/#usage
*/
embedded?: boolean
}
}
```
Vite
```ts
// vite.config.ts
import UnpluginDingtalk from 'unplugin-dingtalk/vite';
export default defineConfig({
plugins: [
UnpluginDingtalk({
enable: true,
}),
],
});
```
Vue CLI 5
```js
// vue.config.js
const [setupMiddlewares, unpluginDingtalk] = require('unplugin-dingtalk/webpack').default({
enable: true,
});
/**
* @type {import('@vue/cli-service').ProjectOptions}
*/
module.exports = {
devServer: {
setupMiddlewares,
},
configureWebpack: {
plugins: [
unpluginDingtalk,
],
},
};
```
Rsbuild
```js
// rsbuild.config.js
import { defineConfig } from '@rsbuild/core';
import createUnpluginDingtalk from 'unplugin-dingtalk/rspack';
const [setupMiddlewares, unpluginDingtalk] = createUnpluginDingtalk({
enable: true,
});
export default defineConfig({
dev: {
setupMiddlewares: [
setupMiddlewares,
],
},
tools: {
rspack: {
plugins: [
unpluginDingtalk,
],
},
},
});
```