less-tests
Version:
LESS CSS test-suite. Run any kind of test on LESS stylesheets.
87 lines (72 loc) • 1.73 kB
Markdown
#### Compile
```javascript
less: {
selectors_test: {
files: {
'selectors.css': ['selectors.less']
}
}
}
```
#### Concatenate and Compile
As an alternative to using `@import` to "inline" `.less` files, you can specify an array of `src` paths and they will be concatenated.
```javascript
less: {
dist: {
files: {
'test.css': ['reset.less', 'test.less']
}
}
}
```
#### Compile multiple files individually
You can specify multiple `destination: [source]` items in `files`.
```javascript
less: {
dist: {
files: {
'test.css': ['test.less'],
'mixins.css': ['mixins.less']
}
}
}
```
#### Custom Options
In this example, the `paths` and `requires` options are used:
```js
less: {
development: {
options: {
paths: ['test/fixtures'],
require: [
'globals/variables.less',
'globals/mixins.less'
]
},
files: {
'styles.css': ['styles.less']
}
},
production: {
options: {
paths: ['assets/less'],
yuicompress: true
},
files: {
'styles.min.css': ['styles.less']
}
}
}
```
#### Concatenate and Compile
Grunt supports filename expansion (also know as globbing) via the built-in [node-glob](https://github.com/isaacs/node-glob) and [minimatch](https://github.com/isaacs/minimatch) libraries. So Templates may be used in filepaths or glob patterns.
```
debug: {
options: {
paths: ['<%= less.debug.import %>']
},
src: ['<%= less.test.imports %>', 'test/fixtures/*.less'],
dest: 'test/result/debug'
}
```
For more on glob pattern syntax, see the [node-glob](https://github.com/isaacs/node-glob) and [minimatch](https://github.com/isaacs/minimatch) documentation.