Meteor Less包不起作用

时间:2016-01-17 16:32:41

标签: javascript meteor less atmosphere.js

我有一个Meteor项目,我正在尝试使用我的.less文件制作一些样式。 好吧,我从Atmosphere(https://atmospherejs.com/meteor/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-.import .less”;并且仍然无法工作。

任何人对我的案子有所了解吗?我在* .import.less文件导入中做错了什么?

从此感谢

1 个答案:

答案 0 :(得分:1)

我对您的应用结构感到有些困惑。我会在你的应用程序的根级别有客户端,服务器,lib。样式应该可供客户端使用,因此应该位于客户端文件夹中。

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

如果您想拥有仅供管理员使用的网页,请在您的客户端结构中设置一个管理员文件夹并相应地进行路由。