编译Jasny Bootstrap的较少文件失败

Question

##CodeCowboy提出的问题：

我已经包含了一些第三方更少的文件，这些文件依赖于一些引导变量，但是在运行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;

所以我不知道为什么格伦特·德夫失败了，没有看到这个变量？我意识到这并不是一个严格意义上的根问题，但希望有人能帮助我，这可能是具体的根的使用引导。

gruntfile.js相关部分

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

Answer 1

与靴带结合

最好您应该加载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-bootstrap.less。将咕噜声设置更改为

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