Why gives Grunt / Recess an error and Lessc not wh

问题:

I add some code to mixins.less:

 img {   &:extend(.img-responsive); }

See also: Images not responsive by default in Twitter Bootstrap 3? and https://stackoverflow.com/a/15573240/1596547

When i run grunt dist from the command line i got:

Running "recess:bootstrap" (recess) task
>> Parser error in less/mixins.less
>>      549. img {
>>      550.   &:extend(.img-responsive);
>>      551. }
Warning:  Use --force to continue.

Aborted due to warnings.

But when i compile it with Lessc: lessc bootstrap.less i don't find an error. (lessc 1.4.2 (LESS Compiler) [JavaScript] )

&:extend needs Less 1.4.0. So grunt / recess use a different compiler?

update running install grunt-contrib-less --save-dev gives:

grunt-contrib-less@0.7.0 node_modules/grunt-contrib-less
├── grunt-lib-contrib@0.6.1 (zlib-browserify@0.0.1)
└── less@1.4.2 (mime@1.2.11, mkdirp@0.3.5, ycssmin@1.0.1, request@2.27.0)

so i expect less v1.4.2 but still got this error

回答1:

It depends on the version of grunt-contrib-less you have.

Run:

npm update grunt-contrib-less