저번 글에서 웹팩 라이브러리 다운로드 및 기초를 알아봤다. ( 아래 링크 ) https://bongra.tistory.com/107 [기타] webpack(웹팩)에 대한 정리 : 웹팩 라이브러리 다운로드 및 기초 (1) 주말에 공부를 하는데 VScode 에러 잡는다고 시간 날리고, 웹팩 공부하는데 에러나서 4시간 날리고 겨우 정리한다.. https://bongra.tistory.com/105 [기타] VScode : Error: Cannot find module 'vue-template-co.. bongra.tistory.com 근데 웹팩은 기본적으로 javascript파일만 가져 올 수 있다. 만약 가져오는 파일중에 .js가 아닌 다른 형식의 파일이 있으면 에러가 난다.. 이렇게 js파일만 있다면 웹팩..
개발을 하다보면, javascript파일이 많아지기 마련이다.. 다음 HTML파일을 보자. 보면 test.js를 순서대로 4개를 가져온다. 근데 보통 프로젝트를 하면 js파일이 적어도 100개에서 수백개까지 늘어난다. 그럼 어떻게 될까? 코드도 길어지고, 정리하기도 힘들 것이다. 그래서 개발을 하다보면 common.js와 같이 js를 모아놓은 js파일을 만들어 쓰는 경우가 많다. 여기를 보면 4개의 js파일들을 testCommon.js다른 곳에서 import하여, HTML에서 쓰고 있다. 그렇다면 네트워크에서는 testCommon.js 하나만 가져올까? 정답은 '땡'이다. testCommon.js까지 해서 5개를 다 가져온다.. 이런 걸 모듈화라고 하는데, 실제로 내가 진행했던 프로젝트도 이렇게 js를 ..
주말에 공부를 하는데 VScode 에러 잡는다고 시간 날리고, 웹팩 공부하는데 에러나서 4시간 날리고 겨우 정리한다.. https://bongra.tistory.com/105 [기타] VScode : Error: Cannot find module 'vue-template-compiler' 에러 ( feat. 웹팩 ) 오늘 webpack 사용법을 공부하고 있는데, npm run build 명령어를 통해서 웹팩을 실행하려는데 아래와 같은 에러가 발생하였다. 실행 명령어 npm run build vue-template-complier 모듈을 찾을 수 없다는 말 같은 bongra.tistory.com 이 에러 때문에 4시간 날렸다... 결국 위의 방법으로는 vue파일을 import해서 웹팩으로 output 할 ..
공부하는데, 아는게 없으니 계속 에러와 맞닥뜨리니 에러 고치는데 시간 다 쓰네... 빨리 ES6랑 Vue 공부해야 되는데.. 아무튼 다음에는 시간낭비 안하게 계속 정리를 해야겠다.. 웹팩 설치하는데, 앞에서 만든 tsconfig.json에 빨간줄이 뜨길래 커서를 갖다대니, 이미지와 같은 에러가 발생했다. No inputs were found in config file Specified 'include' paths were '["**/*"]' and 'exclude' paths were 구글링을 해보니 tsconfig.json 가 이처럼 다른 폴더(C:\src)에 있을 때, C:\src 안에 적어도 하나의 .ts 파일이 있어야 한다는 것이다. 만약 없으면 빈 .ts 파일을 하나 만들어 놓아야 한단다. (중..
오늘 webpack 사용법을 공부하고 있는데, npm run build 명령어를 통해서 웹팩을 실행하려는데 아래와 같은 에러가 발생하였다. 실행 명령어 npm run build vue-template-complier 모듈을 찾을 수 없다는 말 같은데... 분명 npm 명령어를 통해 설치를 한 상태.. package.json을 보면 이렇게 설치가 된 것을 확인할 수 있다.. 그래서 구글링을 때려보니 크게 2가지 해결방법이 있었다. 1. html문법이 잘못 된 것. 예) value="2"여야 하는데 value=""2 와 같이 값이 "" 밖에 있는 것. 2. html태그에 있는 lang이 문제이니 지울 것. 물론 나는 2가지 방법으로 해결이 되지 않아, 뭐가 문제지... 하면서 찾던 와중, 프론트단이 문제일 ..
VScode가 처음이라 만지기만 에러가 뜬다.. 뭘 잘못 했는지는 모르지만, 에러 난 거 하나하나 고쳐가면서 정리를 하려고 한다. 이번에 뜬 에러는 다음과 같다. Error: C:\Users\BONG\Desktop\vueProject\vue_prj\vueprj\babel.config.js: Error while loading config - You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously. 원래 js파일이랑 vue파일이 import가 되지 않는 문제를 고치려고 package.json에 아래 속성을 넣었었는데 해당 에러가 뜬 것..