경로 쉽게 적용하기
아래와 같은 ../
로 계속해서 내려가야 하는 경우가 있을 수 있다.
import Component from "../../../../components/Component.svelte";
이럴때 도움을 줄 수 있는 플러그인이 plugin-alias
이다.
설치
npx add -D @rollup/plugin-alias
설정
// rollup.config.js
import alias from '@rollup/plugin-alias';
const aliases = alias({
resolve: ['.svelte', '.js'], //optional, by default this will just look for .js files or folders
entries: [
{ find: 'components', replacement: 'src/components' },
{ find: '@', replacement: 'src' }
]
});
...
export default {
...
plugins: [
aliases,
...
]
...
}
사용
import Component from 'components/Component.svelte'
...

Last updated
Was this helpful?