created colors values shared between javascript and sass

This commit is contained in:
Bachir Soussi Chiadmi
2018-01-08 17:26:13 +01:00
parent f117a95e65
commit 5a57d72f00
16 changed files with 265 additions and 120 deletions
+40 -5
View File
@@ -9,6 +9,14 @@ var jsmin = require('gulp-jsmin');
var cssmin = require('gulp-cssmin');
var rename = require('gulp-rename');
var mainBowerFiles = require('main-bower-files');
var jsonToSass = require('gulp-json-to-sass');
// var fs = require('fs');
var json2js = require('gulp-json2js');
var data = require('gulp-data');
var concat = require('gulp-concat');
// var shared_variables = JSON.parse(fs.readFileSync('./assets/json/shared_variables.json'));
function handleError(err) {
console.log(err.toString());
@@ -19,11 +27,37 @@ var config = {
production: !!util.env.production
}
gulp.task('variables2js', function() {
gulp.src('./assets/scripts/shared_variables_model.js')
.pipe(rename('shared_variables.js'))
.pipe(data(function(file) {
delete require.cache['./assets/json/shared_variables.json'];
return require('./assets/json/shared_variables.json');
}))
.pipe(json2js())
.pipe(gulp.dest('./assets/scripts/'));
});
gulp.task('scripts', function () {
gulp.src('./assets/scripts/main.js')
.pipe(config.production ? jsmin() : util.noop())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('./assets/dist/scripts/'));
gulp.src(['./assets/scripts/shared_variables.js','./assets/scripts/main.js'])
.pipe(concat('main.js'))
.pipe(config.production ? jsmin() : util.noop())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('./assets/dist/scripts/'));
});
// gulp.task('scripts', function() {
// return gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
// .pipe(concat('all.js'))
// .pipe(gulp.dest('./dist/'));
// });
gulp.task('variables2sass', function () {
gulp.src('./assets/json/shared_variables.json')
.pipe(jsonToSass({
jsonPath: './assets/json/shared_variables.json',
scssPath: './assets/styles/base/_shared_variables.scss'
}));
});
gulp.task('styles', function () {
@@ -59,7 +93,8 @@ gulp.task('bower', function() {
});
// default gulp task
gulp.task('default', ['bower', 'scripts', 'styles'], function() {
gulp.task('default', ['bower', 'variables2js', 'scripts', 'variables2sass', 'styles'], function() {
gulp.watch('./assets/json/*.json', ['variables2js', 'variables2sass', 'styles', 'scripts']);
gulp.watch('./assets/styles/*.scss', ['styles']);
gulp.watch('./assets/styles/base/*.scss', ['styles']);
gulp.watch('./assets/scripts/*.js', ['scripts']);