Symfony 3.3에서 프런트 엔드 스택을 처리하는 방법

Symfony 3.3에서 프런트 엔드 스택을 처리하는 방법

https://symfony.com/doc/current/frontend.html에 따르면 나는 현대 기술로 프런트엔드를 쓰고 싶다.저는 Vue2에서 부품을 만들기로 했습니다.그러나 개발 경험은 모두 백엔드에 불과합니다.일부 페이지의 컴포넌트를 어떻게 처리할 수 있을까요?

예를 들어, 다른 컴포넌트는 등록 페이지에, 다른 컴포넌트는 리스트에 올리고 싶습니다.docs에서 출력 js는 1개의 파일만 있는 것을 보았습니다만, 페이지를 검출하는 방법은 무엇입니까?

따라서 Symfony의 최신 버전에서는 Webpack(현대 JS 번들러)에 대한 빌드 구성을 생성하는 Webpack Encor 구성 요소를 사용할 것을 권장합니다.

예를 들어, 다른 컴포넌트는 등록 페이지에, 다른 컴포넌트는 리스트에 올리고 싶습니다.docs에서 출력 js는 1개의 파일만 있는 것을 보았습니다만, 페이지를 검출하는 방법은 무엇입니까?

이 문서에는 페이지 고유의 CSS/J 작성 예제가 있습니다.이 예에서는 다음과 같습니다.

// webpack.config.js
Encore
    .addEntry('app', './assets/js/main.js')
    .addStyleEntry('global', './assets/css/global.scss')
    .addEntry('checkout', './assets/js/checkout.js')
;

Encor Component는 고급 API를 제공하지만, 그 기능을 더 잘 이해하기 위해 Webpack 문서를 익힐 것을 강력히 권장합니다.

언급URL : https://stackoverflow.com/questions/45744690/how-to-handle-frontend-stack-in-symfony-3-3