사이트의 다른 부분에 대한 자바 스크립트 코드를 분리하는 방법은 무엇입니까?

Question

나는이 사이트의 두 가지 개념적 부분을 가지고 있는데, 이는 공개 될 때 사용자에게 표시됩니다.

가능한 한 JS 코드에서 공용 부분을 서버에서 렌더링하고 HTML로 전달한 다음 클라이언트 JS 코드로 일부 작업을 수행하기를 원합니다.

사이트의 사용자 부분은 사용자가 로그인 할 때 구조가 더 동적인데 JS 코드 크기가 매우 클 수 있습니다. 사용자가 여기에서 자신의 콘텐츠를 관리하고 추가, 제거, 검색 및 필터링합니다. 이 부분이로드되는 동안 좀 더 기다려도 좋습니다.

사이트의 공개 및 비공개 부분에 대해 코드베이스를 별도로 만들고 싶지만 가능하다면 두 가지 사이에서 코드를 복제하지 않으려합니다.

다음 방법을 참조하십시오. 1. 작은 JS 파일을 사용하여 위치를 파악한 다음 현재 컨텍스트 (개인 또는 공개)에 따라 기본 논리 파일을로드합니다. 2. 논리를 완전히 분리하고 2 개의 독립적 인 파일에 넣은 다음 2 개의 해당 html 템플리트에 연결하십시오. 3. 공용 부분에 대한 논리가있는 파일이 있고 사용자가 로그인하면 공용 파일에서 개인 논리 파일을 동적으로로드합니다.

어떻게하면 가장 좋은 방법을 결정할 수 있습니까? 제발 조언.

Answer 1

나는 세 번째 방법이 가장 효과적이라고 생각합니다. 1st는 사용자 현재 권한을 결정하기위한 중간 단계에서 오는 대기 시간을 가져옵니다. 두 번째로 전체 페이지를 새로 고침해야합니다. 3 번째가 가장 잘된 것처럼 보입니다.

사용자가 다음 방문을 위해 로그인했음을 기억하도록 쿠키를 설정하면 (HTML이 동적으로 생성되는 경우) 서버에 두 스크립트를 모두 첨부하거나 필요할 때 하나의 파일로 보내기 위해 함께 병합 할 수도 있습니다. 꿀꺽 꿀꺽 꿀꺽 삼키는 도구와 같은 빌드 도구를 사용하면 유지하기가 쉽습니다.