# How to concatenate CSS files into a single file using steal-tools

**URL:** https://forums.bitovi.com/t/how-to-concatenate-css-files-into-a-single-file-using-steal-tools/525
**Category:** StealJS
**Created:** [January 2, 2017, 7:00am UTC](https://forums.bitovi.com/t/how-to-concatenate-css-files-into-a-single-file-using-steal-tools/525 "2017-01-02T07:00:43Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![kankuro](https://avatars.discourse-cdn.com/v4/letter/k/eb8c5e/32.png) [@kankuro](https://forums.bitovi.com/u/kankuro)
#### Post date: [January 2, 2017, 7:00am UTC](https://forums.bitovi.com/t/how-to-concatenate-css-files-into-a-single-file-using-steal-tools/525/1 "2017-01-02T07:00:43Z")

</div>

What is the correct way to concatenate multiple css files into a single css file using steal-tools.

Example: I have this following CSS files on different node packages that i want to concatenate and save into `vendors.css`

node\_modules/bootstrap/dist/css/bootstrap.css  
node\_modules/font-awesom/css/font-awesome.css

when concatenated it will be save into this directory

assets/css/vendors.css

I cannot seems to understand the documentation of steal-tools on how to do it. Please enlighten me on this. Thanks

---

<div class="post-metadata">

### Author: ![pYr0x](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.bitovi.com/pyr0x/32/95_2.png) [@pYr0x](https://forums.bitovi.com/u/pYr0x)
#### Post date: [January 3, 2017, 11:45am UTC](https://forums.bitovi.com/t/how-to-concatenate-css-files-into-a-single-file-using-steal-tools/525/2 "2017-01-03T11:45:37Z")

</div>

hello @kankuro,

with stealjs you can require `LESS` within javascript files / modules.

just create a js-file `vendor.js`

```auto
require('vendor.less');

```

in `vendor.less` you can write this:

```auto
@import 'locate://bootstrap/dist/css/bootstrap.css';
@import 'locate://font-awesome/css/font-awesome.css';

```

if you are using steal 1.0 do not forget to set the plugins [http://stealjs.com/docs/npm.html#packagestealplugins](http://stealjs.com/docs/npm.html#packagestealplugins)

dont tested this, pls comment if this is not working

#### 

Note: the `@import` statement only works in the first level of less files. you can’t use `@import` in e.g. bootstrap.css

---

<div class="post-metadata">

### Author: ![kankuro](https://avatars.discourse-cdn.com/v4/letter/k/eb8c5e/32.png) [@kankuro](https://forums.bitovi.com/u/kankuro)
#### Post date: [January 4, 2017, 4:26am UTC](https://forums.bitovi.com/t/how-to-concatenate-css-files-into-a-single-file-using-steal-tools/525/3 "2017-01-04T04:26:39Z")

</div>

Hi **@pYr0x** ,

Thanks a lot for this, I will try what you’ve suggest and I will let you know if it will work or not. Once again thanks a lot its a big help.