This includes a list of common gulp tasks used by Dansk Supermarked.
In gulpfile.js
:
var gulp = require('gulp');
require('ds-frontend/build');
gulp.dsConfig = {
// Configs for tasks beeing used. Read more about configs in each task
};
Then the ds gulp task could be used like:
gulp.task('test', ['ds-lint'], function() {
return gulp.src('test/index.html')
.pipe($.mochaPhantomjs());
});
gulp.task('build', ['ds-browserify', 'ds-less']);
ds-lint
: Lint javascript filesds-browserify
: Bundle javascript with Browserifyds-less
: Compile LESS
// gulpfile.js
var gulp = require('gulp');
require('ds-frontend/build');
gulp.dsConfig = {
lint: {
src: 'scripts/**/*.js'
},
browserify: {
src: ['scripts/main.js', 'scripts/head.js'],
dest: 'dist/scripts'
},
less: {
src: ['less/master.less', 'less/ie8.less'],
dest: 'dist/css'
}
};
gulp.task('build', ['ds-lint', 'ds-less', 'ds-browserify']);
gulp.task('watch', function() {
gulp.watch('scripts/**/*.{js,hbs}', ['ds-lint', 'ds-browserify']);
gulp.watch('less/**/*.less', ['ds-less']);
});