경로 쉽게 적용하기

아래와 같은 ../로 계속해서 내려가야 하는 경우가 있을 수 있다.

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'
...

[만들면서 배우는 Svelte]

만들면서 배우는 svelte