m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

build - refactor scss compilation into single config

Browse Source
This commit is contained in:
kumavis 2018-03-29 21:28:35 -07:00
parent 77d4a9a2bb
commit 4606a23c3f
1 changed files with 63 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
gulpfile.js
View File

@ -109,7 +109,7 @@ function createCopyTasks(label, opts) {
copyTask(copyTaskName, opts)
copyTaskNames.push(copyTaskName)
}
const copyDevTaskName = `copy:dev:${label}`
const copyDevTaskName = `dev:copy:${label}`
copyTask(copyDevTaskName, Object.assign({ devMode: true }, opts))
copyDevTaskNames.push(copyDevTaskName)
}
@ -168,7 +168,7 @@ gulp.task('copy',
)
)
gulp.task('copy:dev',
gulp.task('dev:copy',
gulp.series(
gulp.parallel(...copyDevTaskNames),
'manifest:chrome',
@ -199,17 +199,50 @@ gulp.task('lint:fix', function () {
// scss compilation and autoprefixing tasks
gulp.task('build:scss', function () {
return gulp.src('ui/app/css/index.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(autoprefixer())
.pipe(gulp.dest('ui/app/css/output'))
})
gulp.task('watch:scss', function() {
gulp.watch(['ui/app/css/**/*.scss'], gulp.series(['build:scss']))
})
// gulp.task('build:scss', function () {
// return gulp.src('ui/app/css/index.scss')
// .pipe(sourcemaps.init())
// .pipe(sass().on('error', sass.logError))
// .pipe(sourcemaps.write())
// .pipe(autoprefixer())
// .pipe(gulp.dest('ui/app/css/output'))
// })
// gulp.task('dev:scss', function() {
// gulp.watch(['ui/app/css/**/*.scss'], gulp.parallel(['build:scss']))
// })
gulp.task('build:scss', createScssBuildTask({
src: 'ui/app/css/index.scss',
dest: 'ui/app/css/output',
devMode: false,
}))
gulp.task('dev:scss', createScssBuildTask({
src: 'ui/app/css/index.scss',
dest: 'ui/app/css/output',
devMode: true,
pattern: 'ui/app/css/**/*.scss',
}))
function createScssBuildTask({ src, dest, devMode, pattern }) {
return function () {
if (devMode) {
watch(pattern, buildScss)
}
return buildScss()
}
function buildScss() {
return gulp.src(src)
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(autoprefixer())
.pipe(gulp.dest(dest))
}
}
gulp.task('lint-scss', function() {
return gulp
@ -321,15 +354,27 @@ gulp.task('apply-prod-environment', function(done) {
});
// high level tasks
//
// gulp.task('dev',
// gulp.series(
// 'build:scss',
// 'copy',
// gulp.parallel(
// 'dev:js',
// 'dev:scss',
// 'dev:copy',
// 'dev:reload'
// )
// )
// )
gulp.task('dev',
gulp.series(
'build:scss',
'copy',
'clean',
'dev:scss',
gulp.parallel(
'dev:js',
'watch:scss',
'copy:dev',
'dev:copy',
'dev:reload'
)
)
@ -341,7 +386,7 @@ gulp.task('build',
'build:scss',
gulp.parallel(
'build:js:extension',
'build:js:mascara',
// 'build:js:mascara',
'copy'
)
)