我有一个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文件导入中做错了什么?
从此感谢
答案 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
如果您想拥有仅供管理员使用的网页,请在您的客户端结构中设置一个管理员文件夹并相应地进行路由。