![파일 이름을 가져오는 방법, 공백으로 바꾸고 shell/bash를 사용하여 파일을 삽입하는 방법](https://linux55.com/image/206292/%ED%8C%8C%EC%9D%BC%20%EC%9D%B4%EB%A6%84%EC%9D%84%20%EA%B0%80%EC%A0%B8%EC%98%A4%EB%8A%94%20%EB%B0%A9%EB%B2%95%2C%20%EA%B3%B5%EB%B0%B1%EC%9C%BC%EB%A1%9C%20%EB%B0%94%EA%BE%B8%EA%B3%A0%20shell%2Fbash%EB%A5%BC%20%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC%20%ED%8C%8C%EC%9D%BC%EC%9D%84%20%EC%82%BD%EC%9E%85%ED%95%98%EB%8A%94%20%EB%B0%A9%EB%B2%95.png)
SVG 아이콘에 대한 Svelte 구성 요소 파일을 만들고 있습니다.
내 디렉토리에 많은 SVG 파일이 있습니다.
ab-testing.svg
abacus.svg
abjad-arabic.svg
abjad-hebrew.svg
abugida-devanagari.svg
abugida-thai.svg
access-point-check.svg
access-point-minus.svg
...
각 파일에 문자열을 삽입하고 싶습니다.
예를 들어 파일을 사용하면 다음과 같습니다 access-point-minus.svg
.
다음과 같은 특징이 있습니다.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
id="mdi-access-point-minus"
width="24"
height="24"
viewBox="0 0 24 24">
<path d="M16 12C16 # removed for brevity ........" /></svg>
내용을 다음과 같이 변경하고 싶습니다.
<script>
export let size = '24';
export let color = 'currentColor';
export let ariaLabel = 'access point minus'
</script>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
id="mdi-access-point-minus"
aria-label={ariaLabel}
width={size}
height={size}
fill={color}
class={$$props.class}
{...$$props}
viewBox="0 0 24 24"
><path # removed for brevity ...
</svg>
파일 이름 access-point-minus.svg
을 AccessPointMinus.svelte
.
디렉토리의 모든 파일에 대해 동일한 작업을 반복하고 싶습니다.