Intellij에서 Vue alias 사용하기

1. vue.config.js 파일에 아래와 같은 내용을 추가한다.

const path = require('path');

module.exports = {
	configureWebpack: {
		resolve: {
			alias: {
				'@': path.join(__dirname, 'src/'),
			},
		},
	},
};

2.webpack.config.js 파일을 생성하고 아래내용을 추가한다.

const path = require('path');

module.exports = {
	resolve: {
		alias: {
			'@': path.resolve(__dirname, 'src/'),
		},
	},
};

3. preferences > webpack 검색후 webpack.config.js 파일을 경로로 잡아준다.

 

3. 아래와 같이 컴포넌튼 , 함수를 추가할 때 import 에서 @ 로 이용하면 된다.

import { getUserList } from '@/api/index';