Less 未能编译Jasny引导程序'；s较少的文件

##

我包含了一些无第三方的文件，这些文件依赖于一些引导变量，但在运行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问题，但希望有人能提供帮助，这可能是root对bootstrap的使用所特有的

gruntfile.js的相关部分

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

结合自举 最好是将Jasny引导加载到包含Twitter引导的较少文件中。所以main.less应该看起来像

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

// Your own CSS rules 
...

独立的 或者，您可以将Jasny引导构建为独立的。在这种情况下，请使用。将grunt设置更改为

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

---

谢谢-独立选项正是我所需要的。为什么第一个选项“与引导相结合”更可取？在Twitter引导和Jasny引导中都使用了颜色或

@grid float breakpoint

等变量。如果将Jasny引导编译为独立，它将使用默认设置。所以，如果你为Twitter引导修改这些变量，你会得到奇怪的行为。将它们构建在一起可以确保它们使用相同的变量值。