/
gulpfile.js
69 lines (62 loc) · 1.5 KB
/
gulpfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var gulpWebpack = require('gulp-webpack');
var webpack = require('webpack');
var paths = {
sass: ['./scss/**/*.scss']
};
var APP = __dirname + '/www';
var webpackConfig = {
context: APP,
entry: [
"./js/app.js"
],
output: {
path: APP,
filename: "bundle.js",
},
module: {
loaders: [
{ test: /\.html$/, loader: "html-loader" },
{ test: /\.css$/, loader: "style!css"},
{
test: /\.scss$/,
loader: 'style!css!sass'
},
{
test: /\.js$/,
loader: 'ng-annotate!babel?presets[]=es2015',
exclude: /node_modules|bower_components/
}
]
},
plugins: [
new webpack.optimize.DedupePlugin()
// new webpack.optimize.UglifyJsPlugin({
// mangle: false
// })
]
};
gulp.task('sass', function(done) {
gulp.src('./scss/**/*.scss')
.pipe(sass())
.on('error', sass.logError)
.pipe(gulp.dest('./www/css/'))
.pipe(minifyCss({
keepSpecialComments: 0
}))
.pipe(rename({ extname: '.min.css' }))
.pipe(gulp.dest('./www/css/'))
.on('end', done);
});
gulp.task("webpack", function() {
gulp.src('./www/js/app.js')
.pipe(gulpWebpack(webpackConfig, webpack))
.pipe(gulp.dest('./www/'))
});
gulp.task('watch', function() {
gulp.watch(paths.sass, ['sass', 'webpack']);
gulp.watch('./www/js/**/*.*', ['webpack']);
});