https://github.com/hrsh7th/js-gulp-component-build
gulp plugin to build component.
https://github.com/hrsh7th/js-gulp-component-build
Last synced: 5 months ago
JSON representation
gulp plugin to build component.
- Host: GitHub
- URL: https://github.com/hrsh7th/js-gulp-component-build
- Owner: hrsh7th
- Created: 2014-05-01T10:33:23.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-10-10T07:27:14.000Z (almost 11 years ago)
- Last Synced: 2025-03-30T22:11:35.470Z (6 months ago)
- Language: JavaScript
- Size: 202 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
gulp-component-build.
=======================
gulp plugin to build component.
Example
=======================
```js
var gulp = require('gulp');
var rename = require('gulp-rename');
var component = require('./index');
gulp.task('compile:scripts', function() {
gulp.src('test/fixtures/success-component/component.json')
.pipe(component.scripts({ install: true }))
.pipe(rename('components.js'))
.pipe(gulp.dest('public/js'));
});
gulp.task('compile:styles', function() {
gulp.src('test/fixtures/success-component/component.json')
.pipe(component.styles({ install: true }, function(styles, option) {
styles.use('styles', require('component-builder-less')({}));
}))
.pipe(rename('components.css'))
.pipe(gulp.dest('public/css'));
});
gulp.task('compile:files', function() {
gulp.src('test/fixtures/success-component/component.json')
.pipe(component.files({ install: true }, function(files, option) {
// add to copy ext.
build.fns.images.forEach(function(fn) {
build.use('some-ext1', fn);
build.use('some-ext2', fn);
});
}));
});
gulp.task('default', ['compile:scripts', 'compile:styles']);
```
api
-----------------------
### component.scripts(option, configureFunction) #=> stream.
- option
- ```component/component-build```'s argument.
- configureFunction
- first argument
- ```component/component-builder2``` instance. can use to adding some plugins if you want.
- second argument
- ```option```.
### component.styles(option, configureFunction) #=> stream.
- same to ```component.scripts```
### component.files(option, configureFunction) #=> stream.
- same to ```component.scripts```