如何在 aurelia cli 项目中使用 Less答案

【问题标题】：How do I use Less with a aurelia cli project如何在 aurelia cli 项目中使用 Less
【发布时间】：2017-04-09 10:38:53
【问题描述】：

如何让 Less 用于 aurelia cli 项目？

我在 src 下添加了一个 style.less 文件，我可以看到它已捆绑到 app-bundle.js 中。但我不确定是否需要或如何在 app.html 中添加对它的引用？

我添加了一个 div 标签

&lt;div class="test-less"&gt;Test less&lt;/div&gt;

在 app.html 中使用我的 style.less 文件中的类，但是当我运行应用程序时，没有使用 css - 即使我可以在 app-bundle.js 中看到 css：

define('text!style.css', ['module'], function(module) { module.exports = ".test-less {\n  color: #FF0000;\n  background-color: green;\n}\n"; });

我不确定'define..'实际上是做什么的 - 即它是否将 css 注入到 DOM 中？它列在包含 app.html 的定义语句下方 - 所以它可能超出范围 - 所以不能在 app.html 中使用？？？？如果是这样，应该如何将 Less 与 Aurelia 一起使用（由 aurelia CLI 创建的项目）

谢谢蒂姆

【问题讨论】：

你需要它：在你的 app.html

标签： less aurelia

【解决方案1】：

正如@Rabah-g 所说 - 我需要添加一个要求，例如：

<require from="style.css"></require>

为了弄清楚使用什么路径 - 我只是使用了 app-bundle.js 中的“定义”语句中所述的内容。在这种情况下，只需 'style.css'。

【讨论】：