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

时间:2017-08-17 20:45:21

标签: php symfony webpack vuejs2 frontend

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

例如,我希望在注册页面上有其他组件,在列表中有另一个堆栈。在docs中,我看到输出js只是单个文件,所以如何检测页面?

1 个答案:

答案 0 :(得分:0)

因此,Symfony的最新版本建议使用Webpack Encore Component,它为Webpack(现代JS捆绑器)生成构建配置。

  

例如,我希望在注册页面上有其他组件,在列表中有另一个堆栈。在docs中,我看到输出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组件提供了一个不错的高级API,但强烈建议我学习Webpack documentation以更好地理解它的功能。