Ivan/commento
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

frontend: migrate to gulp 4

Browse Source
This commit is contained in:
Adhityaa Chandrasekar 2019-09-13 17:14:43 -07:00
parent b682fd14fa
commit a9a1dc6376
3 changed files with 1172 additions and 837 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/gulpfile.js
View File

@ -85,48 +85,58 @@ const jsCompileMap = {
], ],
}; };
gulp.task("scss-devel", function () { gulp.task("scss-devel", function (done) {
return gulp.src(scssSrc) let res = gulp.src(scssSrc)
.pipe(sourcemaps.init()) .pipe(sourcemaps.init())
.pipe(sass({outputStyle: "expanded"}).on("error", sass.logError)) .pipe(sass({outputStyle: "expanded"}).on("error", sass.logError))
.pipe(sourcemaps.write()) .pipe(sourcemaps.write())
.pipe(gulp.dest(develPath + cssDir)); .pipe(gulp.dest(develPath + cssDir));
done();
return res;
}); });
gulp.task("scss-prod", function () { gulp.task("scss-prod", function (done) {
return gulp.src(scssSrc) let res = gulp.src(scssSrc)
.pipe(sass({outputStyle: "compressed"}).on("error", sass.logError)) .pipe(sass({outputStyle: "compressed"}).on("error", sass.logError))
.pipe(cleanCss({compatibility: "ie8", level: 2})) .pipe(cleanCss({compatibility: "ie8", level: 2}))
.pipe(gulp.dest(prodPath + cssDir)); .pipe(gulp.dest(prodPath + cssDir));
done();
return res;
}); });
gulp.task("html-devel", function () { gulp.task("html-devel", function (done) {
gulp.src([htmlGlob]).pipe(gulp.dest(develPath)); gulp.src([htmlGlob]).pipe(gulp.dest(develPath));
done();
}); });
gulp.task("html-prod", function () { gulp.task("html-prod", function (done) {
gulp.src(htmlGlob) gulp.src(htmlGlob)
.pipe(htmlMinifier({collapseWhitespace: true, removeComments: true})) .pipe(htmlMinifier({collapseWhitespace: true, removeComments: true}))
.pipe(gulp.dest(prodPath)) .pipe(gulp.dest(prodPath))
done();
}); });
gulp.task("fonts-devel", function () { gulp.task("fonts-devel", function (done) {
gulp.src([fontsGlob]).pipe(gulp.dest(develPath + fontsDir)); gulp.src([fontsGlob]).pipe(gulp.dest(develPath + fontsDir));
done();
}); });
gulp.task("fonts-prod", function () { gulp.task("fonts-prod", function (done) {
gulp.src([fontsGlob]).pipe(gulp.dest(prodPath + fontsDir)); gulp.src([fontsGlob]).pipe(gulp.dest(prodPath + fontsDir));
done();
}); });
gulp.task("images-devel", function () { gulp.task("images-devel", function (done) {
gulp.src([imagesGlob]).pipe(gulp.dest(develPath + imagesDir)); gulp.src([imagesGlob]).pipe(gulp.dest(develPath + imagesDir));
done();
}); });
gulp.task("images-prod", function () { gulp.task("images-prod", function (done) {
gulp.src([imagesGlob]).pipe(gulp.dest(prodPath + imagesDir)); gulp.src([imagesGlob]).pipe(gulp.dest(prodPath + imagesDir));
done();
}); });
gulp.task("js-devel", function () { gulp.task("js-devel", function (done) {
for (let outputFile in jsCompileMap) { for (let outputFile in jsCompileMap) {
gulp.src(jsCompileMap[outputFile]) gulp.src(jsCompileMap[outputFile])
.pipe(sourcemaps.init()) .pipe(sourcemaps.init())
@ -135,9 +145,10 @@ gulp.task("js-devel", function () {
.pipe(sourcemaps.write()) .pipe(sourcemaps.write())
.pipe(gulp.dest(develPath)) .pipe(gulp.dest(develPath))
} }
done();
}); });
gulp.task("js-prod", function () { gulp.task("js-prod", function (done) {
for (let outputFile in jsCompileMap) { for (let outputFile in jsCompileMap) {
gulp.src(jsCompileMap[outputFile]) gulp.src(jsCompileMap[outputFile])
.pipe(concat(outputFile)) .pipe(concat(outputFile))
@ -145,13 +156,16 @@ gulp.task("js-prod", function () {
.pipe(uglify()) .pipe(uglify())
.pipe(gulp.dest(prodPath)) .pipe(gulp.dest(prodPath))
} }
done();
}); });
gulp.task("lint", function () { gulp.task("lint", function (done) {
return gulp.src(jsGlob) let res = gulp.src(jsGlob)
.pipe(eslint()) .pipe(eslint())
.pipe(eslint.failAfterError()) .pipe(eslint.failAfterError());
done();
return res;
}); });
gulp.task("devel", ["scss-devel", "html-devel", "fonts-devel", "images-devel", "lint", "js-devel"]); gulp.task("devel", gulp.parallel("scss-devel", "html-devel", "fonts-devel", "images-devel", "lint", "js-devel"));
gulp.task("prod", ["scss-prod", "html-prod", "fonts-prod", "images-prod", "lint", "js-prod"]); gulp.task("prod", gulp.parallel("scss-prod", "html-prod", "fonts-prod", "images-prod", "lint", "js-prod"));

6
frontend/package.json
View File

@ -9,7 +9,7 @@
"devDependencies": { "devDependencies": {
"chartist": "0.11.0", "chartist": "0.11.0",
"fixmyjs": "2.0.0", "fixmyjs": "2.0.0",
"gulp": "3.9.1", "gulp": "4.0.2",
"gulp-clean-css": "3.9.4", "gulp-clean-css": "3.9.4",
"gulp-concat": "2.6.1", "gulp-concat": "2.6.1",
"gulp-eslint": "5.0.0", "gulp-eslint": "5.0.0",
@ -21,11 +21,11 @@
"highlightjs": "9.10.0", "highlightjs": "9.10.0",
"html-minifier": "3.5.7", "html-minifier": "3.5.7",
"jquery": "3.2.1", "jquery": "3.2.1",
"natives": "^1.1.6",
"normalize-scss": "7.0.1", "normalize-scss": "7.0.1",
"sass": "1.5.1", "sass": "1.5.1",
"uglify-js": "3.4.1", "uglify-js": "3.4.1",
"vue": "2.5.16" "vue": "2.5.16",
"node-sass": "4.12.0"
}, },
"dependencies": { "dependencies": {
"eslint": "^5.10.0" "eslint": "^5.10.0"

1955
frontend/yarn.lock
View File

File diff suppressed because it is too large Load Diff