Adding browserify and es6ify support
This commit is contained in:
parent
9151a47a8e
commit
cc16603f6f
28
gulpfile.js
28
gulpfile.js
@ -2,15 +2,19 @@ var gulp = require('gulp'),
|
||||
wrap = require('gulp-wrap'),
|
||||
connect = require('gulp-connect'),
|
||||
watch = require('gulp-watch'),
|
||||
compass = require('gulp-compass');
|
||||
compass = require('gulp-compass'),
|
||||
browserify = require('browserify'),
|
||||
es6ify = require('es6ify'),
|
||||
source = require('vinyl-source-stream');
|
||||
|
||||
gulp.task('default', ['server'], function() {
|
||||
gulp.watch('./src/**/*.!(html|scss)', ['static']);
|
||||
gulp.watch('./src/**/*.!(html|scss|js)', ['static']);
|
||||
gulp.watch(['./src/**/*.html', './template.html'], ['markup']);
|
||||
gulp.watch('./src/**/*.scss', ['compass']);
|
||||
gulp.watch('./src/**/*.js', ['browserify']);
|
||||
});
|
||||
|
||||
gulp.task('server', ['static', 'markup', 'compass'], function() {
|
||||
gulp.task('server', ['static', 'markup', 'compass', 'browserify'], function() {
|
||||
watch('./build/**/*', { name: 'Server' })
|
||||
.pipe(connect.reload());
|
||||
return connect.server({
|
||||
@ -20,7 +24,7 @@ gulp.task('server', ['static', 'markup', 'compass'], function() {
|
||||
});
|
||||
|
||||
gulp.task('static', function() {
|
||||
return gulp.src('./src/**/*.!(html|scss)')
|
||||
return gulp.src('./src/**/*.!(html|scss|js)')
|
||||
.pipe(gulp.dest('./build'));
|
||||
});
|
||||
|
||||
@ -40,3 +44,19 @@ gulp.task('compass', function() {
|
||||
sourcemap: true
|
||||
}));
|
||||
});
|
||||
|
||||
gulp.task('browserify', function() {
|
||||
var bundler = browserify({
|
||||
entries: ['./main.js'],
|
||||
basedir: './src/js',
|
||||
debug: true,
|
||||
});
|
||||
|
||||
bundler.add(es6ify.runtime);
|
||||
bundler.transform(es6ify);
|
||||
|
||||
return bundler
|
||||
.bundle()
|
||||
.pipe(source('js/main.js'))
|
||||
.pipe(gulp.dest('./build'));
|
||||
});
|
||||
|
@ -10,10 +10,13 @@
|
||||
"license": "MIT",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"browserify": "^6.3.2",
|
||||
"es6ify": "^1.5.1",
|
||||
"gulp": "^3.8.10",
|
||||
"gulp-compass": "^2.0.3",
|
||||
"gulp-connect": "^2.2.0",
|
||||
"gulp-watch": "^2.0.0",
|
||||
"gulp-wrap": "^0.5.0"
|
||||
"gulp-wrap": "^0.5.0",
|
||||
"vinyl-source-stream": "^1.0.0"
|
||||
}
|
||||
}
|
||||
|
5
src/js/main.js
Normal file
5
src/js/main.js
Normal file
@ -0,0 +1,5 @@
|
||||
import test from './test';
|
||||
|
||||
test('foo');
|
||||
|
||||
console.log('testing');
|
3
src/js/test.js
Normal file
3
src/js/test.js
Normal file
@ -0,0 +1,3 @@
|
||||
export default m => {
|
||||
console.log(m);
|
||||
};
|
@ -7,5 +7,7 @@
|
||||
</head>
|
||||
<body>
|
||||
${ contents }
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Reference in New Issue
Block a user