Webpack에 대한 설정 - webpack.config.js

Webpack에 대한 설정하기

---

webpack.config.js 라는 파일을 최상단에 생성해준다.

path라는 모듈을 사용하여 절대 경로를 불러온다.

__dirname 은 현재 위치이고, resolve() 를 사용하여 현재 위치 뒤에 /<인자> 를 붙여준다.

const path = require('path');

console.log(__dirname);

const pathTest = path.resolve(__dirname, 'abc');
console.log(pathTest);

// /Users/kobyunghwa/fastcampus_webpack
// /Users/kobyunghwa/fastcampus_webpack/abc

webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    target: 'node'
}

webpack이 성공적으로 실행되면 bundle.js 라는 파일을 생성하게 된다.

target을 node로 하여 node 환경에서 실행이 될 수 있게 한다.

webpack을 실행하면 bundle.js이 생성된다.

npx webpack