Geek Answers Handbook

How to combine boot bootstrap less on mean.io stack

I want to create my own compiled css file using the source Less boot files In my project I use mean.io.

how to integrate less into the middle stack?

I found many tools there like

https://www.npmjs.org/package/grunt-bootstrap

https://github.com/sindresorhus/grunt-recess

https://github.com/gruntjs/grunt-contrib-less

so I'm a little confused ^^

I am also pleased with some tutorials

UPDATE

I ended up using grunt-contrib-less

manually copy the file

/less/bootstrap.less /less/variables.less

in my src folder i.e. SRC / less

than in my grunt file

less: { bootstrap: { options: { strictMath: true, sourceMap: true, outputSourceFiles: true, sourceMapURL: '<%= pkg.name %>.css.map', sourceMapFilename: '<%= distdir %>/css/<%= pkg.name %>.css.map' }, files: { '<%= distdir %>/css/<%= pkg.name %>.css': '<%= src.src %>/less/bootstrap.less' } } }

and in my variables. I can do

 //** Background color for `<body>`. @body-bg: #F70E29; //** Global text color on `<body>`. @text-color: #F70E29;

and I have the coolest body colors bg :)

+7
gruntjs mean-stack
source share

No one has answered this question yet.

See related questions:

47
How can I run a grumbling task from a task?
nine
Uglify with SourceMaps when using grunt usemin and rev
5
grunt-contrib-sass prevents source map
4
sourceMapRootpath have source maps using LESS
4
Yeoman Angular app, ruthless files
3
Error in selector with percent symbol in LESS file
2
How can I use my source? Fewer files in a non-public folder and have CSS (their source maps)?
one
Compass sprite path with Wordpress
one
How to enable reboot after compilation?
0
Grunt Connect Server CSS Files Empty

More articles:


All Articles