React 개발환경 세팅하기(without CRA) - 2. babel 설치하기

1. babel 설치

npm install --save-dev babel-loader

npm install --save-dev @babel/core

npm install --save-dev @babel/preset-env

npm install --save-dev @babel/preset-react

npm install --save-dev babel-preset-es2015

2. webpack.config.js 파일 아래코드 추가
   output이하

module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      }
    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },

3. root폴더에 .babelrc 파일 생성 후 아래 코드 추가

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}