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

jungsw586·2019년 11월 27일
2
  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
  1. webpack.config.js 파일 아래코드 추가
    output이하
module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      }
    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },
  1. root폴더에 .babelrc 파일 생성 후 아래 코드 추가
{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}
profile
Show me the code

0개의 댓글