1. Entry

<aside> 💡 빌드, 변환, 컴파일, 번들링 다 같은말입니다…?

</aside>

웹팩에서 웹 리소스(자원)들을 변환하기위해 필요한 최초 진입점 이자 파일 경로 이다.

// webpack.config.js
module.exports = {
  entry: './src/index.js'
}

그래서 어떤 내용이 들어가는데?….

entry속성에 지정된 파일에는 웹 애플리케이션의 전반적인 구조와 내용이 담겨져 있어야 합니다.

웹팩이 해당 파일을 가지고 웹 애플리케이션에서 사용되는 모듈들의 연관 관계를 이해하고 분석하기 때문에 애플리케이션을 동작시킬 수 있는 내용들이 담겨져 있어야 합니다.

entry 파일대상인 index.js (싱글페이지 애플리케이션 가정아래)

// index.js
import LoginView from './LoginView.js';
import HomeView from './HomeView.js';
import PostView from './PostView.js';

function initApp() {
  LoginView.init();
  HomeView.init();
  PostView.init();
}

initApp();

2. output

웹팩을 돌리고 난 결과물의 파일 경로.

객체 형태로 정의 해야한다.

// webpack.config.js
var path = require('path');

module.exports = {
  output: {
    **filename**: 'bundle.js',
    path: path.resolve(__dirname, './dist')
  }
}

Output 파일 이름 옵션