import { readFileSync, readdirSync } from 'fs' let idPerfix = '' const iconNames: string[] = [] const svgTitle = /+].*?)>/ const clearHeightWidth = /(width|height)="([^>+].*?)"/g const hasViewBox = /(viewBox="[^>+].*?")/g const clearReturn = /(\r)|(\n)/g // 清理 svg 的 fill const clearFill = /(fill="[^>+].*?")/g function findSvgFile(dir: string): string[] { const svgRes = [] const dirents = readdirSync(dir, { withFileTypes: true, }) for (const dirent of dirents) { iconNames.push(`${idPerfix}-${dirent.name.replace('.svg', '')}`) if (dirent.isDirectory()) { svgRes.push(...findSvgFile(dir + dirent.name + '/')) } else { const svg = readFileSync(dir + dirent.name) .toString() .replace(clearReturn, '') .replace(clearFill, 'fill=""') .replace(svgTitle, ($1, $2) => { let width = 0 let height = 0 let content = $2.replace(clearHeightWidth, (s1: string, s2: string, s3: number) => { if (s2 === 'width') { width = s3 } else if (s2 === 'height') { height = s3 } return '' }) if (!hasViewBox.test($2)) { content += `viewBox="0 0 ${width} ${height}"` } return `` }) .replace('', '') svgRes.push(svg) } } return svgRes } export const svgBuilder = (path: string, perfix = 'local') => { if (path === '') return idPerfix = perfix const res = findSvgFile(path) return { name: 'svg-transform', transformIndexHtml(html: string) { /* eslint-disable */ return html.replace( '', ` ` ) /* eslint-enable */ }, } }