ruby on rails - ng-boilerplate LESS files are not compiling to the CSS file in build directory -

the css (from less) not rendering or compiling in ng-boilerplate app.

i'm creating app using ng-boilerplate , rails using these tutorials here, , we've integrated working rails server angular. angular working on page... in, can use:

$scope.animal = "dogs" 

and

<div> {{animal}}! </div> 

to get

i dogs! 

however, less , css (which copied , pasted functional ng-boilerplate app without rails worked , compiled different directories fine) not compiling build directory nor rendering. in fact, in new app (the 1 rails), not original css/less ng-boilerplate template compile or render.

we tried using following commands, tutorial suggested, created weird nested build directories (a build inside build inside build) , didn't fix problem.

cd public ln -s ../build ui 

meanwhile, ui folder linked build folder using symlink but...

the less (from different files in different directories) supposed compile 1 css file called ng-boilerplate.css (which did in original app without rails), , instead there's file called ng-boilerplate-0.3.1.css, empty. tried renaming that, re-renames 0.3.1 1 every time grunt builds it.

i'm using rails version 4.2.1 , ruby says it's 2.1.0p0.

i hope have found solution, realise post quite old. however, since question appears reasonably highly when google searching, felt should have answer.

when using ng-boilerplate, need aware that, although it's compile process finds of js files , makes nice compiled js code, same not done less files in build process. if in directory 'src/app/less/' , view 'main.less' file, can see small note mentioning automate process. instead, @ point unfortunately need manually import of less files.

the less way import files unsure:

@import '../app/less/filetoimport.less'

the path can relative or absolute.