0.6.0 • Published 1 year ago
svg-preview-plugin v0.6.0
svg-preview-plugin
说明:解决项目中 svg 文件过多,不好同意查看管理的问题(支持 vite 和 webpack)
功能:
- 实时预览 svg,动态更新预览内容
- 复制文件名
- 复制文件路径
- 删除文件
use
npm i -D svg-preview-plugin@latest
options
dirPath
- Type:
string | array
- Desc:
预览路径
- Type:
open
- Type:
boolean
- Default:
true
- Desc:
自动打开预览窗口
- Type:
port
- Type:
number
- Default: 3000
- Desc:
预览端口
- Type:
deep
- Type:
boolean
- Default:
false
- Desc:
是否递归显示 dirPath 里的 svg
- Type:
formatName
- Type:
function
- Desc:
自定义复制内容
- Type:
example
// webpack
const { WebpackPlugin } = require('svg-preview-plugin')
module.exports = {
plugins: [
new WebpackPlugin({
dirPath: path.resolve('src/assets/icons/svg'),
port: 3000,
deep: true,
formatName({name, filePath}) {
return `<MyIcon name="${name}" />`
}
})
]
}
// vite | rollup
import { VitePlugin } from 'svg-preview-plugin'
module.exports = {
plugins: [
VitePlugin({
dirPath: path.resolve('src/assets/icons/svg'),
port: 3000,
deep: true,
formatName({name, filePath}) {
return `<MyIcon name="${name}" />`
}
})
]
}
0.5.7
1 year ago
0.5.8-beta.3
1 year ago
0.5.8-beta.2
1 year ago
0.5.8-beta.1
1 year ago
0.5.4
1 year ago
0.5.3
1 year ago
0.5.0
1 year ago
0.5.2
1 year ago
0.6.0
1 year ago
0.5.1
1 year ago
0.3.0
2 years ago
0.2.3
2 years ago
0.4.0
1 year ago
0.3.1
2 years ago
0.2.2
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago