https://github.com/krasimir/grunt-absurd
Grunt plugin for AbsurdJS compilation
https://github.com/krasimir/grunt-absurd
Last synced: 6 months ago
JSON representation
Grunt plugin for AbsurdJS compilation
- Host: GitHub
- URL: https://github.com/krasimir/grunt-absurd
- Owner: krasimir
- License: mit
- Created: 2013-09-02T07:31:42.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2016-02-20T09:57:07.000Z (over 9 years ago)
- Last Synced: 2025-04-14T18:19:37.084Z (6 months ago)
- Language: JavaScript
- Size: 21.5 KB
- Stars: 10
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE-MIT
Awesome Lists containing this project
README
# grunt-absurd
> Grunt plugin for AbsurdJS ([https://github.com/krasimir/absurd](https://github.com/krasimir/absurd))
## Getting Started
This plugin requires Grunt `~0.4.1`
If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
```shell
npm install grunt-absurd
```
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
```js
grunt.loadNpmTasks('grunt-absurd');
```
## The "absurd" task
### Overview
In your project's Gruntfile, add a section named `absurd` to the data object passed into `grunt.initConfig()`.
```js
grunt.initConfig({
absurd: {
task: {
src: 'path to your .js file',
dest: 'path to your .css file',
options: {
minify: true,
}
}
},
})
```
### Options
#### require
Type: `Array`
Default: `[]`
A list of files loaded before process the src files.
#### extCSS
Type: `String`
Default: `'.css'`
The css file extension used in the output of `morph: "component"`
#### extHTML
Type: `String`
Default: `'.html'`
The html file extension used in the output of `morph: "component"`
#### Other Absurd Options
##### morph
Type: `null | 'html' | 'component'`
Default: `null`
##### combineSelectors
Type: `Boolean`
Default: `true`
##### minify
Type: `Boolean`
Default: `false`
##### keepCamelCase
Type: `Boolean`
Default: `false`
### Usage example
```js
...
grunt.initConfig({
testSrc: 'tests/data',
testResult: 'tests/results',
absurd: {
buildCSS: {
options: {
require: ['<%= testSrc %>/**/*.plugin.js'],
minify: false,
combineSelectors: false,
keepCamelCase: true
},
expand: true,
cwd: '<%= testSrc %>',
src: ['**/*.css.js'],
dest: '<%= testResult %>',
ext: '.absurd.css'
},
compileCSS: {
options: {
require: ['<%= testSrc %>/**/*.plugin.js'],
minify: false
},
src: ['<%= testSrc %>/**/*.css.js'],
dest: '<%= testResult %>/compiledCSS.css',
},
buildHTML: {
options: {
minify: false,
morph: 'html'
},
expand: true,
cwd: '<%= testSrc %>/',
src: ['**/*.html.js'],
dest: '<%= testResult %>',
ext: '.absurd.html'
},
compileHTML: {
options: {
minify: true,
morph: 'html'
},
src: ['<%= testSrc %>/**/*.html.js'],
dest: '<%= testResult %>/compiledHTML.html',
},
buildComponent: {
options: {
require: ['<%= testSrc %>/**/*.plugin.js'],
minify: false,
morph: 'component'
},
expand: true,
cwd: '<%= testSrc %>/',
src: ['**/*.component.js'],
dest: '<%= testResult %>',
ext: '.absurd'
},
compileComponent: {
options: {
require: ['<%= testSrc %>/**/*.plugin.js'],
minify: true,
morph: 'component'
},
src: ['<%= testSrc %>/**/*.component.js'],
dest: '<%= testResult %>/compileComponent.absurd'
}
},
...
```
Use [dynamic_mappings](http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically) to create separate output files. use `static_mappings` to create single output file.