webpack - resolve

Webpack에서 Resolve 설정을 추가해주면 React 프로젝트의 루트디렉토리를 설정합니다.

// webpack.config.js
// webpack.dev.config.js
var path = require('path');
/* .. 코드 생략 .. */
resolve: {
    root: path.resolve('./src')
}

이렇게하면 코드에서 import 시 path에서 간단하게 접근할 수 있게 해줍니다.

 

resolve 셋팅 전

import Home from './components/Home';
// or
import Home from './../components/Home';

 

resolve 셋팅 후

import Home from 'components/Home';