Installations

npm install vue-cli-plugin-svg-sprite-loader

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.18.3

NPM Version

6.14.6 Score

67.6

Supply Chain

86.4

Quality

75.6

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

1

Closed

1

Releases

Unable to fetch releases

Contributors

1

Unable to fetch Contributors

View all 1 contributors

Languages

3

Vue

JavaScript

TypeScript

Vue (70.96%)

JavaScript (26.47%)

TypeScript (2.57%)

Developer

shooterRao

Download Statistics

Total Downloads

37,013

Last Day

5

Last Week

19

Last Month

68

Last Year

2,362

GitHub Statistics

12 Stars

13 Commits

2 Forks

2 Watching

1 Branches

1 Contributors

Bundle Size

494.00 B

Minified

308.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

2.0.1

Package Id

vue-cli-plugin-svg-sprite-loader@2.0.1

Unpacked Size

9.76 kB

Size

3.68 kB

File Count

12

NPM Version

6.14.6

Node Version

12.18.3

Total Downloads

Cumulative downloads

Total Downloads

37,013

Last day

0%

5

Compared to previous day

Last week

-24%

19

Compared to previous week

Last month

-39.3%

68

Compared to previous month

Last year

-52.1%

2,362

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

No dependencies detected.

Versions

vue-cli-plugin-svg-sprite-loader

vuecli3 svg-sprite-loader 插件，让你轻松使用svg图标

example

安装

vue add svg-sprite-loader

使用

1<SvgIcon name="vue" />

组件参数

参数	描述	类型
name	svg图标文件名(必填)	String
size	大小(支持rem，比如直接写12rem)	Number or String
color	颜色(单色图标才有效且path不能有fill属性)	String
width	svg宽度	String
height	svg高度	String

svg-sprite-loader 插件参数自定义

在vue.config.js：

1module.exports = {
2  pluginOptions: {
3    svgSpriteLoader: {
4      // directory
5      dir: path.resolve(__dirname, 'src/icon'),
6      // test rule
7      test: /\.svg$/,
8      // https://github.com/JetBrains/svg-sprite-loader#configuration
9      options: {
10        symbolId: 'icon-[name]'
11      }
12    }
13  }
14}

版本更新

1.0.2

新增svg图标预览页面

1.0.3

移除className属性，使用vue自带class合并写法
新增width、height属性，支持自定义宽高
size支持rem

2.0.0

升级 svg-sprite-loader 为5.1.x版本

2.0.1

自动检测开发环境是js还是ts，注入不同的模板

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

2.6

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More