如何将 Web 组件与 Haml 一起使用？
How would I use Web Components with Haml?
我最近学习了 Haml，对于 HTML 来说这是一门非常酷的语言。它彻底改变了我编写 HTML 代码的方式。
现在，我刚刚读完 this article，这让我开始思考。我可以像在 Angular.js 中那样在 Haml 中使用 Web 组件吗？我可以从单独的 Haml 文件中 "include" Haml web 组件，然后用 %web-component 或类似的东西调用它们吗？
我该怎么做？
实际上，在 HAML 中使用 Web 组件没有什么特别要做的，因为它是一个 HTML 功能，它在客户端上运行，而 haml 在离开服务器端之前被完全编译为 html .
因此，您可以按照 tutsplus 教程中提到的相同方式在 haml 中使用 WebComponents（只需将每个 html 代码翻译成对应的 HAML 代码即可）
示例：
%head
%link{ rel: 'import', href: '/components/my_component.html'}
%body
%my_component{'sample-attr' => 'bla bla '}
注意：我假设您已经在包含组件 my_component
的 public 文件夹中创建了目录 components
另一个注意事项：如果您希望您的 Web 应用程序在所有浏览器上运行，您应该在某些浏览器中包含一个 polyfill，因为目前并非所有浏览器都支持此功能 read more
我最近学习了 Haml，对于 HTML 来说这是一门非常酷的语言。它彻底改变了我编写 HTML 代码的方式。
现在，我刚刚读完 this article，这让我开始思考。我可以像在 Angular.js 中那样在 Haml 中使用 Web 组件吗？我可以从单独的 Haml 文件中 "include" Haml web 组件，然后用 %web-component 或类似的东西调用它们吗？
我该怎么做？
实际上，在 HAML 中使用 Web 组件没有什么特别要做的，因为它是一个 HTML 功能，它在客户端上运行，而 haml 在离开服务器端之前被完全编译为 html .
因此，您可以按照 tutsplus 教程中提到的相同方式在 haml 中使用 WebComponents（只需将每个 html 代码翻译成对应的 HAML 代码即可）
示例：
%head
%link{ rel: 'import', href: '/components/my_component.html'}
%body
%my_component{'sample-attr' => 'bla bla '}
注意：我假设您已经在包含组件 my_component
public 文件夹中创建了目录 components
另一个注意事项：如果您希望您的 Web 应用程序在所有浏览器上运行，您应该在某些浏览器中包含一个 polyfill，因为目前并非所有浏览器都支持此功能 read more