본문 바로가기

Module2

[Webpack] webpack option 정리 웹팩을 사용하면서 설정해논 옵션이 어떤 옵션인지 알기 위해서 낱낱히 파해치는 작업을 했었는데, 보기 힘들어서 그냥 따로 정리하기로 했다! 2021.06.25 - [Frontend/Webpack] - [Webpack] 이미 올라가있는 웹팩 설정을 뜯어보자. [Webpack] 이미 올라가있는 웹팩 설정을 뜯어보자. 지금 유지보수하고 있는 모니터링 시스템은 운영중인 사이트와 다르게 vue.js (+webpack) 설정으로 구성되어 있다. 다른 사람이 설정해놓은 웹팩을 가져다 쓰기 보다는 이해하고 사용하고 싶어서, vvh-avv.tistory.com 공식홈페이지를 많이 참고해서 정리하였으나, 지나가시는 분 중 제 설명에 틀린 점이 있다면 편하게 지적 부탁드립니다 :) context 복잡한 상대경로를 쉽게 사용하.. 2021. 6. 25.
[javascript] Uncaught SyntaxError: Cannot use import statement outside a module 별 특별한게 없는 기본 HTML 파일에서 webpack 으로 말아서 올린 exportScript.js 에 있는 `consoleTest()` function 을 쓰고자 하니까 아래와 같은 오류가 발생했다. 에러 메세지 그대로, 외부에 있는 module 을 사용할 수 없다는 뜻이었고. 해결은 CDN 선언부에서 script type 을 "module" 로 지정해주니까 되었다. 덧, exportScript.js 는 window 에 event 바인딩이 되지 않아서 맨 밑에 저 라인까지 추가해주었다. export let exportScript = { ... }; window.exportScript = exportScript; 2021. 1. 7.