将后端和前端开发与Laravel、模式实验室、原子设计和Vue.js结合起来

Question

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

• Laravel 5
• Vue.js

前端开发人员准备原子设计中的HTML，用patternlab.io生成。

现在，我正在研究如何集成不必重写刀片模板中所有元素的patternlab.io项目。

我发现了一些使用TwigBridge和Laratash Laravel扩展将Patternlab和Laravel结合在一起的实现。

，但我有一些想法：

• 在刀片模板中有:逻辑，条件，循环，.如果我将patternlab和laravel结合起来，那么我需要将所有这些都放在模式实验室项目中。
• 由于使用了vue.js，我还需要将这些标记添加到patternlab模板中

因此，我认为在laravel项目中集成patternlab.io模板并不是最好的选择。

我的想法是：

• 前端DEV使用模式实验室创建模板
• Laravel自动生成和导入模式实验室中生成的CSS样式表。
• 后端开发人员在刀片模板中手动复制patternlab - molecules并添加自己的逻辑。
• 如果前端DEV对CSS做了更改，那就没问题了--我们不会出现问题；在重新运行laravel进程以更新css文件之后，我们就有了新的更新。
• 如果前端DEV对html结构做了一些更改，我们需要手动调整它们。

有没有更好的解决方案结合原子设计，Vuejs和Laravel？如何在CMS中部署原子设计？

Answer 1

在过去的三个Vue/Laravel项目中，我们已经创建了，我们停止了使用PHP作为呈现引擎，而只使用了Vue。Laravel仍然是一个非常好的框架，可以用清晰、可测试的方式编写业务逻辑和apis，- but已经决定不再使用刀片了。

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

这允许我们完全解耦所有的渲染责任远离拉拉维尔，并保持它在一个单一的位置，所以不需要做刀片和Vue -这都是Vue。

唯一的缺点是需要2台服务器( Node.js和PHP )。