如何在 Symfony 3.3 中处理前端堆栈

【问题标题】：How to handle frontend stack in Symfony 3.3如何在 Symfony 3.3 中处理前端堆栈
【发布时间】：2017-08-17 20:45:21
【问题描述】：

根据https://symfony.com/doc/current/frontend.html，我想用现代技术编写我的前端。我决定在 Vue2 中制作组件。但是我所有的开发经验都只在后端，所以我如何处理某些页面上的组件？

例如，我想在注册页面上有其他组件，在列表中有另一个堆栈。在文档中我看到输出 js 只是单个文件，那么如何检测页面？

【问题讨论】：

标签： php symfony webpack vuejs2 frontend

【解决方案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')
;

Encore Component 提供了一个不错的高级 API，但我强烈建议学习 Webpack documentation 以更好地了解其功能。

【讨论】：