有没有办法在 <style> 元素中使用 LESS？答案

【问题标题】：Is there a way of using LESS inside the <style> element?有没有办法在 <style> 元素中使用 LESS？
【发布时间】：2015-06-21 12:53:13
【问题描述】：

我正在尝试使用 Polymer，并希望能够在 <style> 标记内使用 LESS。所以我希望能够执行以下操作：

<style>
    my-component {
       color: @primary;
       .align-mid();
    }
</style>

（对我来说，Web 组件的一大好处是能够将标记和样式打包在一个文件中，因此使用单独的 LESS 样式表并不理想。）

【问题讨论】：

【解决方案1】：

是的，这是可能的。看 https://stackoverflow.com/a/9710229/4912760。还有http://lesscss.org/#client-side-usage。您需要在页面中获取并使用 less.js 脚本。然后您需要将样式标签的 type 属性设置为“text/less”。

【讨论】：

【解决方案2】：

我建议您使用链接到的外部样式表，而不是在样式元素中使用 less。

所以foo.less，编译为foo.css。然后在您的元素中，您将链接到foo.css。

<link rel="import" type="css" href="foo.css">

【讨论】：