带有 angular-cli 的 SVG 图标系统

1.npm install --save-dev svg-sprite2.把你的 svgs 放在 src/svgs3.将 sprite-config.json 添加到您的项目根目录Use svg-sprite1. npm install --save-dev svg-sprite2. Put your svgs in src/svgs3. Add sprite-config.json to your project root{ "dest": "src/", "mode": { "css": { "dest": "sprites", "render": { "scss": { "dest": "_sprite.scss" } } } }}4.将脚本添加到 package.json"sprites": "svg-sprite --config sprite-config.json src/svgs/*.svg"5.将 @import 添加到您的主要 styles.scss5. Add @import to your main styles.scss@import './sprites/sprite';6.使用 npm run sprites 运行脚本可选:创建构建脚本将此添加到您的脚本中以一步构建6. Run script using npm run spritesOptional: create a build scriptAdd this to your scripts to build in one step"start": "npm run sprites && ng serve","build": "npm run sprites && ng build --prod" 这篇关于带有 angular-cli 的 SVG 图标系统的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！