{"id":17787374,"url":"https://github.com/simon-he95/unplugin-inspector-lib-css","last_synced_at":"2025-03-16T07:31:56.119Z","repository":{"id":59721976,"uuid":"538616826","full_name":"Simon-He95/unplugin-Inspector-lib-css","owner":"Simon-He95","description":"将库模式下的unocss样式打包注入到bundle","archived":false,"fork":false,"pushed_at":"2024-07-04T03:15:42.000Z","size":268,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-10T15:53:32.581Z","etag":null,"topics":["unocss","unplugin"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Simon-He95.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["Simon-He95"]}},"created_at":"2022-09-19T17:24:32.000Z","updated_at":"2024-07-04T03:15:42.000Z","dependencies_parsed_at":"2024-12-06T21:31:01.767Z","dependency_job_id":"4391f5a3-da1f-4662-896b-7a9b43fef023","html_url":"https://github.com/Simon-He95/unplugin-Inspector-lib-css","commit_stats":{"total_commits":30,"total_committers":4,"mean_commits":7.5,"dds":"0.33333333333333337","last_synced_commit":"71878002a72c3869482e891ef615900b9ce99062"},"previous_names":["simon-he95/vite-plugin-inspector-lib-css"],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2Funplugin-Inspector-lib-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2Funplugin-Inspector-lib-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2Funplugin-Inspector-lib-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2Funplugin-Inspector-lib-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Simon-He95","download_url":"https://codeload.github.com/Simon-He95/unplugin-Inspector-lib-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243806045,"owners_count":20350775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["unocss","unplugin"],"created_at":"2024-10-27T10:10:24.780Z","updated_at":"2025-03-16T07:31:55.682Z","avatar_url":"https://github.com/Simon-He95.png","language":"TypeScript","readme":"## unplugin-inspector-lib-css\n将库模式下的unocss样式打包注入到bundle\n\n## Why\n在使用tsx写vue组件时，vite build将css注入js中，但unocss并未生产对应转换的css被一起注入,才有了这个库\n\n## Install\n```bash\nnpm i unplugin-inspector-lib-css -D\n```\n\n## 🌈 Usage\n\n\u003cdetails\u003e\n\u003csummary\u003eVite\u003c/summary\u003e\n\n```ts\n// vite.config.ts\nimport { vitePlugn as vitePluginTransformToUnocss } from 'unplugin-inspector-lib-css'\nexport default defineConfig({\n  plugins: [vitePluginTransformToUnocss(/* options */)],\n})\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eRollup\u003c/summary\u003e\n\n```ts\n// rollup.config.js\nimport { resolve } from 'path'\nimport { vitePlugn as rollupTransformToUnocss } from 'unplugin-inspector-lib-css'\nexport default {\n  plugins: [rollupTransformToUnocss(/* options */)],\n}\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWebpack\u003c/summary\u003e\n\n```ts\n// webpack.config.js\nmodule.exports = {\n  /* ... */\n  plugins: [\n    require('unplugin-inspector-lib-css').webpackPlugin({\n      /* options */\n    }),\n  ],\n}\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eVue CLI\u003c/summary\u003e\n\n```ts\n// vue.config.js\nmodule.exports = {\n  configureWebpack: {\n    plugins: [\n      require('unplugin-inspector-lib-css').webpackPlugin({\n        /* options */\n      }),\n    ],\n  },\n}\n```\n\n\u003c/details\u003e\n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEsbuild\u003c/summary\u003e\n\n```ts\n// esbuild.config.js\nimport { build } from 'esbuild'\nimport { vitePlugn as esbuilPlugin } from 'unplugin-inspector-lib-css'\n\nbuild({\n  plugins: [esbuilPlugin(/* options */)],\n})\n```\n\n\u003c/details\u003e\n\n## Warning\n- ts | js | tsx | jsx 文件中头部需要加上// @unocss-include否则不会被注入\n\n\n\n## :coffee: \n\u003ca href=\"https://github.com/Simon-He95/sponsor\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" style=\"height: 51px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\n\n\n## :question: 问题\n[issues](https://github.com/Simon-He95/unplugin-inspector-lib-css/issues)\n\n## 依赖\n`unocss`\n","funding_links":["https://github.com/sponsors/Simon-He95"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimon-he95%2Funplugin-inspector-lib-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimon-he95%2Funplugin-inspector-lib-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimon-he95%2Funplugin-inspector-lib-css/lists"}