{"id":17787297,"url":"https://github.com/simon-he95/transformtounocss","last_synced_at":"2025-04-04T21:05:19.685Z","repository":{"id":78328950,"uuid":"605027381","full_name":"Simon-He95/transformToUnoCSS","owner":"Simon-He95","description":"transform css to UnoCSS | 将 css 转换成 UnoCss 的语法","archived":false,"fork":false,"pushed_at":"2025-01-18T06:55:08.000Z","size":29328,"stargazers_count":136,"open_issues_count":3,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-28T17:27:19.718Z","etag":null,"topics":["cli","css","esbuild","rollup","transform-to-unocss","transform-to-unocss-core","unocss","vite","vue-cli","webpack"],"latest_commit_sha":null,"homepage":"https://to-unocss.netlify.app/","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":null,"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","custom":["https://github.com/Simon-He95/sponsor"]}},"created_at":"2023-02-22T09:38:29.000Z","updated_at":"2025-02-06T10:08:23.000Z","dependencies_parsed_at":"2024-03-07T11:46:06.827Z","dependency_job_id":"3eb6e40c-4393-43bf-92fb-6ad4b4ccc83e","html_url":"https://github.com/Simon-He95/transformToUnoCSS","commit_stats":{"total_commits":320,"total_committers":2,"mean_commits":160.0,"dds":0.353125,"last_synced_commit":"5a8187e2bda9d66514e0f15f6b94745071a18ba3"},"previous_names":[],"tags_count":87,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2FtransformToUnoCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2FtransformToUnoCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2FtransformToUnoCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Simon-He95%2FtransformToUnoCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Simon-He95","download_url":"https://codeload.github.com/Simon-He95/transformToUnoCSS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247249524,"owners_count":20908212,"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":["cli","css","esbuild","rollup","transform-to-unocss","transform-to-unocss-core","unocss","vite","vue-cli","webpack"],"created_at":"2024-10-27T10:09:59.349Z","updated_at":"2025-04-04T21:05:19.650Z","avatar_url":"https://github.com/Simon-He95.png","language":"TypeScript","funding_links":["https://github.com/sponsors/Simon-He95","https://github.com/Simon-He95/sponsor"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003cimg height=\"200\" src=\"./assets/kv.png\" alt=\"to unocss\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e English | \u003ca href=\"./README_zh.md\"\u003e简体中文\u003c/a\u003e\u003c/p\u003e\nThis library is to convert css to unocss. \u003ca href=\"https://github.com/unocss/unocss\"\u003eunocss\u003c/a\u003e can reuse styles better to reduce the packaging volume, which can be converted as a performance optimization method, and it can also make it easier for old projects to upgrade to unocss. If you use \u003ca href=\"https://tailwindcss.com/\"\u003etailwindcss\u003c/a\u003e, you can try \u003ca href=\"https://github.com/Simon-He95/transformToTailwindcss\"\u003etransformToTailwindcss\u003c/a\u003e.\n\n## 📦 Install\n\n```\n  npm i -g transform-to-unocss\n```\n\n## 🦄 cli\n\n```\n  ## command: tounocss + directory\n  tounocss playground\n\n  ## revoke: tounocss + directory + --revert\n  tounocss payground --revert\n```\n\n## 🌈 Usage\n\n\u003cdetails\u003e\n\u003csummary\u003eVite\u003c/summary\u003e\n\n```ts\n// vite.config.ts\nimport { viteTransformToUnocss } from 'transform-to-unocss'\nexport default defineConfig({\n  plugins: [viteTransformToUnocss(/* 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 'node:path'\nimport { rollupTransformToUnocss } from 'transform-to-unocss'\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('transform-to-unocss').webpackTransformToUnocss({\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('transform-to-unocss').webpackTransformToUnocss({\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 { esbuildTransformToUnocss } from 'transform-to-unocss'\n\nbuild({\n  plugins: [esbuildTransformToUnocss(/* options */)],\n})\n```\n\n\u003c/details\u003e\n\n## ⭐ Feature\n\n- support css in '.html' | '.tsx' | '.vue' | '.astro' | '.svelte' to unocss\n- support sass less stylus convert\n- support vite | rollup | webpack | vue-cli | esbuild\n- vscode extension [To Unocss](https://github.com/Simon-He95/unot)\n\n## 🚁 More\n\n- [transform-to-unocss-core](https://github.com/Simon-He95/transform-to-unocss-core) - Provides the ability to convert css to unocss on the browser side\n\n## Before\n\n![before](/assets/before.png)\n\n## After\n\n![after](/assets/after.png)\n\n## :coffee:\n\n[buy me a cup of coffee](https://github.com/Simon-He95/sponsor)\n\n## License\n\n[MIT](./license)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimon-he95%2Ftransformtounocss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimon-he95%2Ftransformtounocss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimon-he95%2Ftransformtounocss/lists"}