Bundler(webpack.config.js 파일 구성옵션 추가)

webpack 사이트

entry, output

1. webpack.config.js 파일 작성

// import
const path = require('path')

// export
module.exports = {
  // parcel main.js
  // 파일을 읽어들이기 시작하는 진입점 설정
  entry: './js/main.js',

  // 결과물(번들)을 반환하는 설정
  output: {
    // __dirname: 현재 파일이 있는 그 경로를 나타내는 하는 node.js의 전역적인 변수
    // resolve: __dirname와 dist 폴더를 합쳐서 절대적인 경로를 제공
    // path: path.resolve(__dirname, 'dist'),
    // filename: 'main.js',

    // 구성옵션을 바꿨을 때 전에 만들어 놓은 파일이 자동으로 제거됨
    clean: true  // Clean the output directory before emit.
  }
}

2. npm run build 명령어 실행하면 dist폴더와 폴더안에 main.js파일이 자동으로 생성됨