将后端和前端开发与Laravel,Patternlab,Atomic Design和Vue.js相结合

Question

我将用这两个框架(我喜欢)启动一个新项目:

• Laravel 5
• Vue.js

前端开发人员使用patternlab.io生成原子设计中的HTML.

现在我正在寻找如何集成我没有重写刀片模板中所有元素的patternlab.io项目.

我发现一些实现合并Patternlab&Laravel使用TwigBridge,LaratashLaravel扩展.

但我有一些想法:

• 在刀片模板中有:逻辑,条件,循环......如果我合并patternlab,laravel那么我需要将所有这些放在patternlab项目中.
• 由于使用vue.js我需要将这些标签添加到patternlab模板中

所以我认为在laravel项目中集成patternlab.io模板不是最好的选择.

我的想法是:

• 前端DEV使用patternlab来创建模板
• Laravel自动生成并导入在patternlab中生成的CSS样式表
• 后端开发人员patternlab - molecules在刀片模板中手动复制并添加自己的逻辑
• 如果前端DEV对CSS进行了更改,那很好 - 我们将毫无问题地运行; 在重新运行laravel gulp进程以更新css文件后,我们有了新的更新.
• 如果前端DEV对html结构进行了一些更改,我们需要手动调整它们.

是否有更好的解决方案结合Atomic Design,Vuejs和Laravel？如何在CMS中部署原子设计？

Answer 1

在我们创建的最后三个 Vue/Laravel 项目中，我们完全停止使用 PHP 作为渲染引擎，而只使用 Vue。Laravel 仍然是一个非常出色的框架，用于以干净的可测试方式编写业务逻辑和 api \xe2\x80\x93\xc2\xa0，但我们决定不再使用 Blade。

\n\n

通常，在尝试使用 PHP 后端创建 JS 渲染应用程序时遇到的问题是缺乏服务器端渲染。为了解决这个问题，我转向了 Vue 社区的一个新项目Nuxt.js（我与他们没有任何关系，只是一个快乐的开发人员）。Nuxt 允许您编写 vue 组件，并让它们在服务器端渲染，并在初始页面加载后在浏览器中渲染。

\n\n

这使我们能够将所有渲染职责与 Laravel 完全解耦，并将其保留在一个位置，因此无需执行 Blade 和 Vue \xe2\x80\x93 ，一切都是 Vue。

\n\n

唯一的缺点是您需要 2 个服务器 Node.js 和 PHP。

\n