반응을 사용하여/페이지에서 실행될 주 스크립트를 피하는 방법은 무엇입니까?

Question

문제가 있습니다.

나는 내 웹 사이트에 대해 반응을 사용하고 있습니다. 그리고 내가하고 싶은 일은 포트폴리오와 완전히 다른 페이지를 만드는 것입니다. (예 : www.test.com/FirstPage www.test.com/SecondPage) 포트폴리오와 같은 고유 한 탐색 바디와 바닥 글을 갖고 싶습니다. 파일 등.하지만 몇 가지 문제가 발생합니다.

이제 www.test.com과 같은 주요 웹 사이트를 만들었고 www.test.com/differentone에서 다른 웹 사이트를 만들고 모든 CSS 클래스 (동일한 CSS 메인 웹 사이트에서와 같은 이름) ​​및 자바 스크립트도 실행됩니다. 어떻게 피할 수 있습니까, 나는 그것을/CSS를 상속하지 않고 완전히 다른 웹 사이트/js 싶어. 라우팅을 통해 페이지를 독립적으로 만들 수 있습니까?

원인/SecondPage에있을 때 기본 페이지의 javascript 파일도 실행하려고하지만 기본 웹 페이지에있는 콘텐츠를 찾지 못하고 충돌합니다.

다른 모든 파일의 이름은 완전히 다를 수 있지만 동일합니다. 나는 충분히 명확하게

I have my folder now like this

Answer 1

당신은 반응 - 라우터와 함께이 문제를 처리 할 수있는 이해하는 내가 설명 바랍니다. 다음은 작은 예제 코드입니다.

<Router history={browserHistory}> 
    <Route path='/dashboard' component={App} onEnter={requireAuth} > 
     <IndexRoute component={MainContent} onEnter={requireAuth} /> 
     <Route path='/notes' component={Notelist} onEnter={requireAuth}></Route> 
    </Route> 
    <Route path='/invite/*' component={Invite}></Route> 
    <Route path='/' component={Login}> </Route> 
    <Route path='/changepassword/*' component={ChangePassword}></Route> 
    </Router> 

이렇게하면 경로 태그 내에 다른 CSS 배치로 구성 요소를 처리 할 수 ​​있습니다. 여기에 로그인 구성 요소는 CSS가 다르지만, 응용 프로그램 구성 요소는 CSS가 다른 대시 보드 페이지입니다.

모든 CSS 파일을 스타일 폴더에 보관하고 main.js에서 다음과 같이 호출 할 수 있습니다.

import './styles/main.scss';