나는 유성애 앱을 만들려고 노력하는 초보자입니다. 상업용 테마를 사용하여 시간을 절약하려고했습니다. 의 예로 들어이를 보자 :meteor.js에서 상업용 테마를 사용하는 방법
을 나는 두 가지 옵션이 있습니다 spacebars 태그 등 하지만 주제를 구현하는 것이 방법을 사용하여,
1) 유성 템플릿을 생성하는 HTML을 사용하여 자바 스크립트 ? 그것은 유성과 충돌에 오지 않는다?
2) 테마가 plain html이 아닌 angular.js 형식으로 제공되므로 angular.js를 사용하십시오. 그러나 이것이 갈등을 일으키지 않겠습니까? 이게 더 나은 접근 방법인가요?
일반적으로 유성과 상업용 테마를 사용하는 가장 쉽고 좋은 방법은 무엇입니까?
wrapbootstrap에서 비슷한 주제를 구입했습니다. 나는 이것이 같은 문제라고 생각한다. (앵귤러 테마에 대해서는 잘 모르겠다. 부트 스트랩과 통합하는 것이 더 까다 롭다.)
일반적으로 이와 같은 테마를 사용하면 3 부 JS 라이브러리가 많다. 당신은 그들을 잡아야합니다. 첫 번째 옵션으로 비슷한 패키지를 찾아서 추가 할 수 있습니다. (많은 jQuery 라이브러리는 단순히 패키지로 포장된다.)
두 번째 옵션은 패키지를 만들거나 추가 할 수 있으며 커뮤니티를 도울 수 있습니다. :)). wait-on-lib
과 같은 패키지로 필요한 페이지로 가져올 수 있습니다. 필요한 경우에만 라이브러리를 가져올 수 있습니다. 하지만 첫 번째 옵션이 더 깨끗하다고 생각합니다.
템플릿에있는 각 페이지마다 custom.js가있을 수 있으므로 템플릿을 렌더링 할 때이 논리를 전송해야합니다. 예를 들어 템플릿에서 인덱스 파일에 대한 custom.js는에 변화됩니다
당신이 단순히 파일을지나 복사 할 수 CSS를 들어, HTML 및
Template.index.rendered = function(){
/* your custom js */
}
을 넣을 수있는 템플릿 이름 색인 클라이언트/CSS에서 (예를 들어) 파일이로드됩니다.
내가 아주 명확한지는 모르겠지만 유성 프로젝트에 이러한 주제를 통합 할 수있었습니다. 불필요한 파일을 제거하는 것을 잊지 마십시오. 예를 들어 부트 스트랩 패키지를 추가 할 때 템플릿에 통합 된 부트 스트랩 css 및 js 파일을 제거 할 수 있습니다.
P .: 예를 들어 이미지를로드하기 위해 템플릿의 css 및 js 파일에서 경로를 검색/재 작성해야 할 수 있습니다. 그런 모든 파일을 (이미지로) 공용 폴더에 넣고 싶지만 css 및 js 파일의 경로를 다시 작성하는 것을 잊지 마십시오.
folder_css
folder_image
...
경로가 이런 식으로 기록됩니다 : 예를 들어 당신은 그들이 같은 폴더에있는 템플릿 값옷을 구한 경우
/* css files */
background-image: url(../folder_image/myimage.png);
그러나 유성 프로젝트를 공용 폴더의 모든 파일은 루트에 있습니다 프로젝트의이 같은 예를 들어 뭔가 경로를 다시 작성할 수 있습니다 : 또한 JS 파일의
/* css files */
background-image: url(img/myimage.png);
재 작성 경로와 내가이 일을한다고 생각합니다.