1

## CodeCowboy 提出的问题：

我包含了一些依赖于某些引导变量的第三方 less 文件，但在运行 grunt dev 时出现以下错误：

NameError: variable @container-lg is undefined in assets/vendor/jasny-bootstrap/less/variables.less on line 11, column 28:
>> 10 
>> 11 @container-smooth:         @container-lg;
>> 12
Warning: Error compiling assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less Use --force to continue.
I think roots is including bootstrap's variable file first which contains:

@container-large-desktop:      (1140px + @grid-gutter-width);
//** For `@screen-lg-min` and up.
@container-lg:                @container-large-desktop;

所以我不确定为什么 grunt dev 失败并且没有看到这个变量？我意识到这不是严格意义上的根源问题，但希望有人可以提供帮助，它可能特定于 root 对引导程序的使用。

gruntfile.js 的相关部分

less: {
  dev: {
    files: {
      'assets/css/main.css': [
        'assets/less/main.less',
        'assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less'
      ]
    },
4

1 回答 1

1

与引导程序结合

最好在包含 Twitter Bootstrap 的 less 文件中加载 Jasny Bootstrap。所以 main.less 应该看起来像

@include 'assets/vendor/bootstrap/less/bootstrap.less';
@include 'assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less';

// Your own CSS rules 
...

独立

或者，您可以将 Jasny Bootstrap 构建为独立的。在这种情况下，请使用less/ build /jasny-bootstrap.less。将 grunt 设置更改为

less: {
  dev: {
    files: {
      'assets/css/main.css': [
        'assets/less/main.less',
        'assets/vendor/jasny-bootstrap/less/build/jasny-bootstrap.less'
      ]
    },
于 2014-12-30T13:28:09.147 回答