如何在Symfony 3.3中處理前端堆棧

Question

根據https://symfony.com/doc/current/frontend.html我想寫我的前端與現代技術。我決定在Vue2中製作組件。 但我的所有開發經驗只在後端，所以我怎樣才能在一些頁面上處理組件？

例如，我希望在註冊頁面上有其他組件，並且在列表上有另一個堆棧。在文檔中，我看到輸出js只是單個文件，所以如何檢測頁面？

Answer 1

因此，最新版本的Symfony建議使用Webpack Encore Component，它爲Webpack（這是一個現代化的JS打包程序）生成構建配置。

例如，我想在註冊頁面上有其他組件，並且在列表上有另一個堆棧。在文檔中，我看到輸出js只是單個文件，所以如何檢測頁面？

該文檔有相關示例：Creating Page-Specific CSS/JS。從那裏例如：

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

安可組件提供了一個很好的高層次的API，但是我強烈建議學習的WebPack documentation爲更好地瞭解它的功能。