아직 정리하지 못한 것들
웹팩으로 자바스크립트 모듈 관리하기
웹팩이 무엇인지를 먼저 정확히 알 필요가 있다. 이 부분에 대해서는 자바스크립트에서 정리하도록 하자.
우리의 경우 웹팩이 무엇인지 잘 모르고 거기에 더해 레일즈에서 이런 웹팩을 어떻게 관리하는지도 몰랐기 때문에 조금 문제가 있었다.
그런 문제로 인해 javascript
폴더 안에 있는 packs
에 모든 소스 파일을 넣고 작업을 하고 있었다.
하지만 웹팩이란 모듈들을 합쳐서 하나로 만드는, 즉 PACKING 하는 것 같다. (솔직히 잘 모름)
팩 이란 여러 모듈들이 하나로 합쳐진 녀석이다!
즉, 우리가 프로젝트에서 사용할 여러 모듈들인 BackboneJS
, UnderscoreJS
, jQuery
등을 한번에 pack 으로 관리하기 위해 존재하는 거지 우리의 소스코드들을 하나로 패킹 하기 위해 존재하는 것은 아니다.
아래를 보면 우리의 packs
폴더 안에는 app.js 와 application.js 라는 pack 들이 존재하는 걸 확인할 수 있다.
이렇게 packs 폴더에서 packing 된 상태로 존재하는 여러 pack 들을 어떻게 사용하는가?!
application.html.erb
나 우리가 만든 index.html.erb
파일을보자. 그러면 아래처럼 되어있는걸 확인할 수 있다.
여기서 주목할건 <%= javascript_pack_tag 'application' %> 위에서 확인했던 application.js 를 여기서 사용하는것을 확인할 수 있다!!!
Last updated