본문 바로가기
프로그래밍/Node.js | ES6

[Babel] 상대경로를 절대경로로 import(root, alias 설정)

by inocc 2019. 7. 16.

1. "module-resolver"를 설치한다.

yarn add babel-plugin-module-resolver --dev

2. ".babelrc" 파일을 설정한다. (root 디렉토리와 alias 설정)

{
	"plugins": [
		[
			"module-resolver",
			{
				"root": "./src",
				"alias": {
					"common": "./src/common"
				}
			}
		]
	]
}

3. 어떤 경로의 파일에서든 "./src" 경로를 기준으로 import 할 수 있게 된다.

기존에 이전 경로의 파일을 import 하는 경우

import config from '../../config';

설정 후에 파일을 import 하는 경우

import config from 'config';

댓글