Netlify 배포 (+babel-loader, webpack mode 에러 등)

이전에 html, css만으로 배포했을때와는 설정이 조금 다르다.

https://www.netlify.com/

Netlify: Develop & deploy the best web experiences in record time

 

github 연동 후 프로젝트를 불러와서 설정에서 다음과 같이 세팅..

build command -> npm run build
publish directory -> dist/

 

강의와 버전이 달라서 그런지 배포가 정상적으로 이루어지지 않았다...

• mode 에러 ? webpack 에러?
• : 강의중에선 webpack.config.js에서 mode를 추가해주지 않았는데 추가해줘야 실행이 됐다.
• 참고URL
  • https://wotres.tistory.com/entry/webpack-error-%ED%95%B4%EA%B2%B0%EB%B2%95-WARNING-in-configurationThe-mode-option-has-not-been-set-webpack-will-fallback-to-production-for-this-value-Set-mode-option-to-development-or-production-to-enable-defaults-for-each-environment 
  • https://a-tothe-z.tistory.com/9 
  •  
  • 아래는 정상 작동한 설정
  •  
  • module.exports ={ mode: 'development', //강의엔 이부분이 없었음 entry: './js/main.js', output: { ... }, module:{ ... } //구글링 했을땐 package.json 내용을 수정하거나 위 방식을 사용하라고 했음. //package.json 은 변경해도 소용이 없었음!!!! "scripts": { "dev": "webpack-dev-server --mode development", "build": "webpack --mode production" },
• babel 관련 오류들..
  • 일단 .babelrc.js file내부에서 바벨을 바블(bable)이라고 작성했다. 내실수
  • babel 관련 오류가 많이 나왔다..
  • 참고 URL
    • https://www.inflearn.com/questions/31941
    • https://stackoverflow.com/questions/60459003/cannot-find-module-babel-plugin-transform-runtime-from