Webpack 설정 파일 만들기(webpack.config.js)

 

 

 

 

웹팩 제대로 쓰려면 webpack.config.js 파일을 루트 디렉토리에 만들어줘야한다.

기본 설정은 아래와 같다.

 

 

const path = require("path");

module.exports = {

  mode: 'development',

  // 시작점

  // entry: path.resolve(__dirname, 'src/index.js'),  // entry 1개 일 때

  entry: {

    main: path.resolve(__dirname, 'src/index.js'),    // entry 여러개 일 때

  },

  // 웹팩 작업을 통해 생성된 결과물

  output: {

    path: path.resolve(__dirname, 'dist'),

    filename: 'main.js'

  }

}

 

 

[path는 이런거다]

nodejs에 path 모듈을 이용하면 프로젝트 경로를 가져올 수 있다.

const path = require('path');

console.log(__dirname);

console.log(path.resolve(__dirname, "src/index.js"));

__dirname에는 프로젝트의 절대경로가 들어가 있다.

path.resolve()안에 __dirname, 두 번째 인자로 "src/index.js"를 넣은 결과이다.

C:\Users\styla\OneDrive\study1\fast-campus\webpack-basic
C:\Users\styla\OneDrive\study1\fast-campus\webpack-basic\src\index.js

슬래시 넣어서 알아서 붙여준다. resolve가