Meteor Less 包不工作

Question

我有一个 Meteor 项目，我正在尝试使用我的 .less 文件来制作一些样式。好吧，我从 Atmosphere (https://atmospherejs.com/meteor/less) 安装了 less 包，并按照用法说明做了。

我的目录树是这样的：

    AppFolder
    - admin
    -- client
    -- lib
    -- server
    -- styles
    --- admin.less
    --- sb-admin-2.import.less
    --- sb-mixins.import.less
    --- sb-variables.import.less
    -- views
    - lib
    - public
    - scripts
    - styles

我的 admin.less 文件是这样的：


@import "sb-admin-2.import.less";


html,body {}
...
(some less code)

所以，我的 sb-admin-2.import.less 文件是这样的：


@import "sb-variables.import.less";
@import "sb-mixins.import.less";

// Global Styles
(more less code)

但是，这并没有在我的项目上编译和显示为已加载。项目中似乎没有使用此文件中的任何样式。

有人知道发生了什么事可以帮助我吗？

编辑：

我发现只有 *.import.less 文件未加载。试图用一些绝对的方式，比如：@import "./admin/styles/sb-admin-2.import.less";还是不行。

谁能帮我解决这个问题？我在 *.import.less 文件导入中做错了什么？

从现在开始感谢

Answer 1

我对你的应用程序结构有点困惑。我会在您的应用程序的根级别拥有客户端、服务器和库。样式应该可供客户端使用，因此应该像这样位于客户端文件夹中。

AppFolder
-- client
---- scripts
---- styles
------ admin.less
------ sb-admin-2.import.less
------ sb-mixins.import.less
------ sb-variables.import.less
---- views
-- lib
-- server
-- public

如果您只想为管理员创建页面，请在您的客户端结构中创建一个管理文件夹并相应地进行路由。

Meteor Less 包不工作

Meteor Less package not working

javascript

less

meteor

atmosphere.js