바벨 & 웹팩

njh7799·2020년 7월 8일
0

NodeJS

목록 보기
2/2

이 문서는 단순히 내가 보기 편하려고 만든 글이다. Ref의 링크에 정리가 아주 깔끔하므로 이를 이용하자.

바벨

// .babelrc
{
  "plugins": [],
  "presets": [],
}

presets 는 plugin을 모아 놓은 것이다.

웹팩

// webpack.config.js
module.exports = {
  entry: './app.js', // 입구
  output: {
    filename: 'bundle.js' // 출구
  },
  mode: process.env.NODE_ENV, // production인지 development인지
  module: {
    rules: [
      {
        test: /\.js$/, // .js 확장자로 끝나는 파일 중
        exclude: /node_modules/, // node_modules/ 에 있는 파일을 제외하고
        loader: 'babel-loader', // babel-loader 가 처리하게끔 한다.
      },
    ]
  },
}

Ref

0개의 댓글