如何在本地包中使用LESS变量?

时间:2015-12-22 11:05:14

标签: meteor

我制作了一个本地包来处理我们应用的浏览器实现。

Package.onUse(function(api) {
    api.versionsFrom('1.2.1');
    api.use('angular');
    api.use('twbs:bootstrap', 'web.browser');

    //.... some lines skipped

    api.addFiles([
        'styles/variables.less',
        'styles/forms.less'
    ], 'web.browser');
});

variables.less中我有一个变量声明:@gray-light: #E6E6E6;,而在forms.less我有一个使用变量的样式声明。但是,当我尝试编译应用程序时,我收到以下错误:

While processing files with less (for target web.browser): packages/app-name-browser/styles/forms.less:6:22: variable @gray-light is undefined

当我在同一个文件中包含声明时,我没有问题,所以我假设问题是在variables.less之后加载了forms.less。我能以任何方式解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

您可以执行以下操作:

cellStyle

然后在主.less文件中,您可以通过

导入这些文件
columnDefs