Question

如何使用aurelia cli项目获得Less？

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

我添加了div标签

<div class="test-less">Test less</div>

在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的define语句下面 - 所以它可能超出了范围 - 因此在app.html中无法使用????如果是这样，应如何使用Less与Aurelia（由aurelia CLI创建的项目）

由于添

Answer 1

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

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

要弄清楚要使用的路径 - 我只是使用了＆＃39;定义＆＃39;中所述的内容。 app-bundle.js中的语句。在这种情况下，只需＆style.css＆＃39;。