-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgulpfile.js
78 lines (71 loc) · 2.2 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
69
70
71
72
73
74
75
76
77
78
let gulp = require('gulp');
let sass = require('gulp-sass');//CSSコンパイラ
let autoprefixer = require("gulp-autoprefixer");//CSSにベンダープレフィックスを付与してくれる
let minifyCss = require('gulp-minify-css');//CSSファイルの圧縮ツール
let uglify = require("gulp-uglify");//JavaScriptファイルの圧縮ツール
let concat = require('gulp-concat');//ファイルの結合ツール
let plumber = require("gulp-plumber");//コンパイルエラーが起きても watch を抜けないようになる
let rename = require("gulp-rename");//ファイル名の置き換えを行う
let browserify = require("gulp-browserify");//NodeJSのコードをブラウザ向けコードに変換
let packageJson = require(__dirname+'/package.json');
// client-libs (frontend) を処理
gulp.task("client-libs:bootstrap", function() {
return gulp.src(["node_modules/bootstrap/dist/**/*"])
.pipe(gulp.dest( './libs/resources/bootstrap/' ))
;
});
gulp.task("client-libs:px2style", function() {
return gulp.src(["node_modules/px2style/dist/**/*"])
.pipe(gulp.dest( './libs/resources/px2style/' ))
;
});
// src 中の *.css.scss を処理
gulp.task('.css.scss', function(){
return gulp.src("src/**/*.css.scss")
.pipe(plumber())
.pipe(sass({
"sourceComments": false
}))
.pipe(autoprefixer())
.pipe(rename({
extname: ''
}))
.pipe(rename({
extname: '.css'
}))
.pipe(gulp.dest( './libs/resources/' ))
.pipe(minifyCss({compatibility: 'ie8'}))
.pipe(rename({
extname: '.min.css'
}))
.pipe(gulp.dest( './libs/resources/' ))
;
});
// .js (frontend) を処理
gulp.task(".js", function() {
return gulp.src(["src/**/*.js"])
.pipe(plumber())
.pipe(browserify({}))
.pipe(rename({
extname: '.js'
}))
.pipe(gulp.dest( './libs/resources/' ))
.pipe(uglify())
.pipe(rename({
extname: '.min.js'
}))
.pipe(gulp.dest( './libs/resources/' ))
;
});
let _tasks = gulp.parallel([
'client-libs:bootstrap',
'client-libs:px2style',
'.css.scss',
'.js'
]);
// src 中のすべての拡張子を監視して処理
gulp.task("watch", function() {
return gulp.watch(["src/**/*"], _tasks);
});
// src 中のすべての拡張子を処理(default)
gulp.task("default", _tasks);