vite-plugin-svg-icons-ng
A high-performance SVG icon plugin for Vite that automatically generates SVG sprites from files and injects them at runtime, making icon usage simpler and more efficient ✈️.
File Explorer
Download Latest Version (.zip)- behavior.md
- SKILL.md
- compiler-contract.md
- runtime-contract.md
- SKILL.md
- workspace-contract.md
- SKILL.md
- bug-report.md
- feature-request.md
- docs.yml
- release.yml
- test.yml
- commit-msg
- pre-commit
- extensions.json
- settings.json
- index.ts
- style.css
- config.ts
- index.md
- react.md
- vue3.md
- index.md
- migration.md
- options.md
- ssr.md
- typescript.md
- usage.md
- virtual-module.md
- why.md
- CNAME
- favicon.ico
- robots.txt
- index.md
- react.md
- vue3.md
- index.md
- migration.md
- options.md
- ssr.md
- typescript.md
- usage.md
- virtual-module.md
- why.md
- index.md
- index.md
- package.json
- bake.ts
- collect.ts
- rewrite.ts
- root.ts
- types.ts
- xml.ts
- css-tree.d.ts
- baker.ts
- index.ts
- options.ts
- types.ts
- bake.test.ts
- collect.test.ts
- rewrite.test.ts
- baker.test.ts
- options.test.ts
- svgo.test.ts
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- tsdown.config.ts
- vitest.config.ts
- memoryCache.ts
- builder.ts
- compiler.ts
- scanner.ts
- transformer.ts
- build.ts
- html.ts
- runtime.ts
- server.ts
- virtual.ts
- hash.ts
- logger.ts
- options.ts
- path.ts
- constants.ts
- index.ts
- types.ts
- index.html
- 01-foreign.svg
- 02-after.svg
- 01-alpha.svg
- 02-beta.svg
- browser.ts
- devServer.ts
- domAssertions.ts
- harness.ts
- hmr.ts
- tempProject.ts
- types.ts
- hmr.test.ts
- mount.test.ts
- memoryCache.test.ts
- builder.test.ts
- compiler.test.ts
- compiler.workflow.test.ts
- build.test.ts
- server.test.ts
- virtual.test.ts
- options.test.ts
- path.generateSymbolId.test.ts
- path.splitPath.test.ts
- index.test.ts
- CHANGELOG.md
- client.d.ts
- LICENSE
- package.json
- README.md
- tsconfig.json
- tsdown.config.ts
- vitest.config.ts
- svgo.patch
- favicon.ico
- ShowCase.vue
- SvgIcon.vue
- 180-ring-with-bg.svg
- 3-dots-fade.svg
- 6-dots-scale.svg
- 8-dots-rotate.svg
- account.svg
- bell.svg
- speed-loop.svg
- alert.svg
- folder.svg
- image.svg
- icon0.svg
- icon1.svg
- icon2.svg
- icon3.svg
- icon4.svg
- icon5.svg
- bookmark.svg
- gift.svg
- 22-exit.svg
- 25-foreign.svg
- App.vue
- main.ts
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- favicon.ico
- home.svg
- entry-client.ts
- entry-server.ts
- main.ts
- index.html
- package.json
- server.js
- tsconfig.json
- vite.config.ts
- favicon.ico
- SvgIcon.vue
- App.vue
- main.ts
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- release-contract.mjs
- release.config.mjs
- resolve-release.mjs
- getting-started.md
- migration.md
- options-and-runtime.md
- usage-and-components.md
- SKILL.md
- .commitlintrc.json
- .editorconfig
- .gitignore
- .prettierignore
- .prettierrc.json
- .versionrc.js
- eslint.config.ts
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- tsconfig.json
# Installation Guide
1. Get the code
git clone https://github.com/yangxu52/vite-plugin-svg-icons-ng
Downloads the entire project code from GitHub to your computer.
cd vite-plugin-svg-icons-ng
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
pnpm test # unit tests for both packages
Type this command into your terminal and run it.
pnpm run test:browser # Chromium and Vite integration tests
Type this command into your terminal and run it.
pnpm run test:all # unit and browser tests
Type this command into your terminal and run it.
pnpm run coverage # unit-test coverage for production source
Type this command into your terminal and run it.
pnpm run typecheck
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)