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"
    ]
    }