Merge pull request #1040 from lilumi/lm-improve
add "custom-editor-style" and other scss files at this level to minify and watch for changes, also update modification date for generated files
This commit is contained in:
commit
3f7fd8ff36
|
@ -47,11 +47,11 @@ before_script:
|
||||||
- sed -i "s/yourusernamehere/root/" wp-tests-config.php
|
- sed -i "s/yourusernamehere/root/" wp-tests-config.php
|
||||||
- sed -i "s/yourpasswordhere//" wp-tests-config.php
|
- sed -i "s/yourpasswordhere//" wp-tests-config.php
|
||||||
# Create WordPress database.
|
# Create WordPress database.
|
||||||
- mysql -e 'CREATE DATABASE wordpress_test;' -uroot
|
#- mysql -u root -e "CREATE DATABASE wordpress_test;"
|
||||||
# Install CodeSniffer for WordPress Coding Standards checks.
|
# Install CodeSniffer for WordPress Coding Standards checks.
|
||||||
- mkdir php-codesniffer && curl -L https://github.com/squizlabs/PHP_CodeSniffer/archive/2.7.0.tar.gz | tar xz --strip-components=1 -C php-codesniffer
|
- mkdir php-codesniffer && curl -L https://github.com/squizlabs/PHP_CodeSniffer/archive/3.5.0.tar.gz | tar xz --strip-components=1 -C php-codesniffer
|
||||||
# Install WordPress Coding Standards.
|
# Install WordPress Coding Standards.
|
||||||
- mkdir wordpress-coding-standards && curl -L https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/archive/0.10.0.tar.gz | tar xz --strip-components=1 -C wordpress-coding-standards
|
- mkdir wordpress-coding-standards && curl -L https://github.com/WordPress/WordPress-Coding-Standards/archive/2.1.1.tar.gz | tar xz --strip-components=1 -C wordpress-coding-standards
|
||||||
# Hop into CodeSniffer directory.
|
# Hop into CodeSniffer directory.
|
||||||
- cd php-codesniffer
|
- cd php-codesniffer
|
||||||
# Set install path for WordPress Coding Standards
|
# Set install path for WordPress Coding Standards
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
Travis build: [![Build Status](https://travis-ci.org/understrap/understrap.svg?branch=master)](https://travis-ci.org/understrap/understrap)
|
Travis build: [![Build Status](https://api.travis-ci.org/lilumi/understrap.svg?branch=lm-improve)](https://travis-ci.org/lilumi/understrap)
|
||||||
|
|
||||||
#### See: [Official Demo](https://understrap.com/understrap) | Read: [Official Docs Page](https://understrap.github.io/)
|
#### See: [Official Demo](https://understrap.com/understrap) | Read: [Official Docs Page](https://understrap.github.io/)
|
||||||
|
|
||||||
|
|
75
gulpfile.js
75
gulpfile.js
|
@ -5,6 +5,7 @@ var sass = require('gulp-sass');
|
||||||
var babel = require('gulp-babel');
|
var babel = require('gulp-babel');
|
||||||
var postcss = require('gulp-postcss');
|
var postcss = require('gulp-postcss');
|
||||||
var watch = require('gulp-watch');
|
var watch = require('gulp-watch');
|
||||||
|
var touch = require('gulp-touch-fd');
|
||||||
var rename = require('gulp-rename');
|
var rename = require('gulp-rename');
|
||||||
var concat = require('gulp-concat');
|
var concat = require('gulp-concat');
|
||||||
var uglify = require('gulp-uglify');
|
var uglify = require('gulp-uglify');
|
||||||
|
@ -26,12 +27,12 @@ var paths = cfg.paths;
|
||||||
// Run:
|
// Run:
|
||||||
// gulp sass
|
// gulp sass
|
||||||
// Compiles SCSS files in CSS
|
// Compiles SCSS files in CSS
|
||||||
gulp.task('sass', function() {
|
gulp.task('sass', function () {
|
||||||
var stream = gulp
|
var stream = gulp
|
||||||
.src(paths.sass + '/*.scss')
|
.src(paths.sass + '/*.scss')
|
||||||
.pipe(
|
.pipe(
|
||||||
plumber({
|
plumber({
|
||||||
errorHandler: function(err) {
|
errorHandler: function (err) {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
this.emit('end');
|
this.emit('end');
|
||||||
}
|
}
|
||||||
|
@ -41,15 +42,16 @@ gulp.task('sass', function() {
|
||||||
.pipe(sass({ errLogToConsole: true }))
|
.pipe(sass({ errLogToConsole: true }))
|
||||||
.pipe(postcss([autoprefixer()]))
|
.pipe(postcss([autoprefixer()]))
|
||||||
.pipe(sourcemaps.write(undefined, { sourceRoot: null }))
|
.pipe(sourcemaps.write(undefined, { sourceRoot: null }))
|
||||||
.pipe(gulp.dest(paths.css));
|
.pipe(gulp.dest(paths.css))
|
||||||
|
.pipe(touch());
|
||||||
return stream;
|
return stream;
|
||||||
});
|
});
|
||||||
|
|
||||||
// Run:
|
// Run:
|
||||||
// gulp watch
|
// gulp watch
|
||||||
// Starts watcher. Watcher runs gulp sass task on changes
|
// Starts watcher. Watcher runs gulp sass task on changes
|
||||||
gulp.task('watch', function() {
|
gulp.task('watch', function () {
|
||||||
gulp.watch(`${paths.sass}/**/*.scss`, gulp.series('styles'));
|
gulp.watch([`${paths.sass}/**/*.scss`, `${paths.sass}/*.scss`], gulp.series('styles'));
|
||||||
gulp.watch(
|
gulp.watch(
|
||||||
[
|
[
|
||||||
`${paths.dev}/js/**/*.js`,
|
`${paths.dev}/js/**/*.js`,
|
||||||
|
@ -67,7 +69,7 @@ gulp.task('watch', function() {
|
||||||
// Run:
|
// Run:
|
||||||
// gulp imagemin
|
// gulp imagemin
|
||||||
// Running image optimizing task
|
// Running image optimizing task
|
||||||
gulp.task('imagemin', function() {
|
gulp.task('imagemin', function () {
|
||||||
gulp
|
gulp
|
||||||
.src(`${paths.imgsrc}/**`)
|
.src(`${paths.imgsrc}/**`)
|
||||||
.pipe(imagemin())
|
.pipe(imagemin())
|
||||||
|
@ -80,7 +82,7 @@ gulp.task('imagemin', function() {
|
||||||
*/
|
*/
|
||||||
gulp.task(
|
gulp.task(
|
||||||
'imagemin-watch',
|
'imagemin-watch',
|
||||||
gulp.series('imagemin', function() {
|
gulp.series('imagemin', function () {
|
||||||
browserSync.reload();
|
browserSync.reload();
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
@ -88,13 +90,13 @@ gulp.task(
|
||||||
// Run:
|
// Run:
|
||||||
// gulp cssnano
|
// gulp cssnano
|
||||||
// Minifies CSS files
|
// Minifies CSS files
|
||||||
gulp.task('cssnano', function() {
|
gulp.task('cssnano', function () {
|
||||||
return gulp
|
return gulp
|
||||||
.src(paths.css + '/theme.css')
|
.src(paths.css + '/theme.css')
|
||||||
.pipe(sourcemaps.init({ loadMaps: true }))
|
.pipe(sourcemaps.init({ loadMaps: true }))
|
||||||
.pipe(
|
.pipe(
|
||||||
plumber({
|
plumber({
|
||||||
errorHandler: function(err) {
|
errorHandler: function (err) {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
this.emit('end');
|
this.emit('end');
|
||||||
}
|
}
|
||||||
|
@ -103,17 +105,26 @@ gulp.task('cssnano', function() {
|
||||||
.pipe(rename({ suffix: '.min' }))
|
.pipe(rename({ suffix: '.min' }))
|
||||||
.pipe(cssnano({ discardComments: { removeAll: true } }))
|
.pipe(cssnano({ discardComments: { removeAll: true } }))
|
||||||
.pipe(sourcemaps.write('./'))
|
.pipe(sourcemaps.write('./'))
|
||||||
.pipe(gulp.dest(paths.css));
|
.pipe(gulp.dest(paths.css))
|
||||||
|
.pipe(touch());
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('minifycss', function() {
|
gulp.task('minifycss', function () {
|
||||||
|
|
||||||
return gulp
|
return gulp
|
||||||
.src(`${paths.css}/theme.css`)
|
.src([
|
||||||
.pipe(sourcemaps.init({ loadMaps: true }))
|
`${paths.css}/custom-editor-style.css`,
|
||||||
.pipe(cleanCSS({ compatibility: '*' }))
|
`${paths.css}/theme.css`,
|
||||||
|
])
|
||||||
|
.pipe(sourcemaps.init({
|
||||||
|
loadMaps: true
|
||||||
|
}))
|
||||||
|
.pipe(cleanCSS({
|
||||||
|
compatibility: '*'
|
||||||
|
}))
|
||||||
.pipe(
|
.pipe(
|
||||||
plumber({
|
plumber({
|
||||||
errorHandler: function(err) {
|
errorHandler: function (err) {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
this.emit('end');
|
this.emit('end');
|
||||||
}
|
}
|
||||||
|
@ -121,34 +132,36 @@ gulp.task('minifycss', function() {
|
||||||
)
|
)
|
||||||
.pipe(rename({ suffix: '.min' }))
|
.pipe(rename({ suffix: '.min' }))
|
||||||
.pipe(sourcemaps.write('./'))
|
.pipe(sourcemaps.write('./'))
|
||||||
.pipe(gulp.dest(paths.css));
|
.pipe(gulp.dest(paths.css))
|
||||||
|
.pipe(touch());
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('cleancss', function() {
|
gulp.task('cleancss', function () {
|
||||||
return gulp
|
return gulp
|
||||||
.src(`${paths.css}/*.min.css`, { read: false }) // Much faster
|
.src(`${paths.css}/*.min.css`, { read: false }) // Much faster
|
||||||
.pipe(ignore('theme.css'))
|
.pipe(ignore('theme.css'))
|
||||||
.pipe(rimraf());
|
.pipe(rimraf());
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('styles', function(callback) {
|
gulp.task('styles', function (callback) {
|
||||||
gulp.series('sass', 'minifycss')(callback);
|
gulp.series('sass', 'minifycss')(callback);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Run:
|
// Run:
|
||||||
// gulp browser-sync
|
// gulp browser-sync
|
||||||
// Starts browser-sync task for starting the server.
|
// Starts browser-sync task for starting the server.
|
||||||
gulp.task('browser-sync', function() {
|
gulp.task('browser-sync', function () {
|
||||||
browserSync.init(cfg.browserSyncWatchFiles, cfg.browserSyncOptions);
|
browserSync.init(cfg.browserSyncWatchFiles, cfg.browserSyncOptions);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Run:
|
// Run:
|
||||||
// gulp scripts.
|
// gulp scripts.
|
||||||
// Uglifies and concat all JS files into one
|
// Uglifies and concat all JS files into one
|
||||||
gulp.task('scripts', function() {
|
gulp.task('scripts', function () {
|
||||||
var scripts = [
|
var scripts = [
|
||||||
// Start - All BS4 stuff
|
// Start - All BS4 stuff
|
||||||
`${paths.dev}/js/bootstrap4/bootstrap.bundle.js`,
|
`${paths.dev}/js/bootstrap4/bootstrap.bundle.js`,
|
||||||
|
`${paths.dev}/js/themejs/*.js`,
|
||||||
|
|
||||||
// End - All BS4 stuff
|
// End - All BS4 stuff
|
||||||
|
|
||||||
|
@ -162,7 +175,7 @@ gulp.task('scripts', function() {
|
||||||
.src(scripts, { allowEmpty: true })
|
.src(scripts, { allowEmpty: true })
|
||||||
.pipe(babel(
|
.pipe(babel(
|
||||||
{
|
{
|
||||||
presets: ['@babel/preset-env']
|
presets: ['@babel/preset-env']
|
||||||
}
|
}
|
||||||
))
|
))
|
||||||
.pipe(concat('theme.min.js'))
|
.pipe(concat('theme.min.js'))
|
||||||
|
@ -177,7 +190,7 @@ gulp.task('scripts', function() {
|
||||||
});
|
});
|
||||||
|
|
||||||
// Deleting any file inside the /src folder
|
// Deleting any file inside the /src folder
|
||||||
gulp.task('clean-source', function() {
|
gulp.task('clean-source', function () {
|
||||||
return del(['src/**/*']);
|
return del(['src/**/*']);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -191,7 +204,7 @@ gulp.task('watch-bs', gulp.parallel('browser-sync', 'watch'));
|
||||||
// Copy all needed dependency assets files from bower_component assets to themes /js, /scss and /fonts folder. Run this task after bower install or bower update
|
// Copy all needed dependency assets files from bower_component assets to themes /js, /scss and /fonts folder. Run this task after bower install or bower update
|
||||||
|
|
||||||
////////////////// All Bootstrap SASS Assets /////////////////////////
|
////////////////// All Bootstrap SASS Assets /////////////////////////
|
||||||
gulp.task('copy-assets', function(done) {
|
gulp.task('copy-assets', function (done) {
|
||||||
////////////////// All Bootstrap 4 Assets /////////////////////////
|
////////////////// All Bootstrap 4 Assets /////////////////////////
|
||||||
// Copy all JS files
|
// Copy all JS files
|
||||||
var stream = gulp
|
var stream = gulp
|
||||||
|
@ -229,7 +242,7 @@ gulp.task('copy-assets', function(done) {
|
||||||
});
|
});
|
||||||
|
|
||||||
// Deleting the files distributed by the copy-assets task
|
// Deleting the files distributed by the copy-assets task
|
||||||
gulp.task('clean-vendor-assets', function() {
|
gulp.task('clean-vendor-assets', function () {
|
||||||
return del([
|
return del([
|
||||||
`${paths.dev}/js/bootstrap4/**`,
|
`${paths.dev}/js/bootstrap4/**`,
|
||||||
`${paths.dev}/sass/bootstrap4/**`,
|
`${paths.dev}/sass/bootstrap4/**`,
|
||||||
|
@ -245,7 +258,7 @@ gulp.task('clean-vendor-assets', function() {
|
||||||
});
|
});
|
||||||
|
|
||||||
// Deleting any file inside the /dist folder
|
// Deleting any file inside the /dist folder
|
||||||
gulp.task('clean-dist', function() {
|
gulp.task('clean-dist', function () {
|
||||||
return del([paths.dist + '/**']);
|
return del([paths.dist + '/**']);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -254,7 +267,7 @@ gulp.task('clean-dist', function() {
|
||||||
// Copies the files to the /dist folder for distribution as simple theme
|
// Copies the files to the /dist folder for distribution as simple theme
|
||||||
gulp.task(
|
gulp.task(
|
||||||
'dist',
|
'dist',
|
||||||
gulp.series(['clean-dist'], function() {
|
gulp.series(['clean-dist'], function () {
|
||||||
return gulp
|
return gulp
|
||||||
.src(
|
.src(
|
||||||
[
|
[
|
||||||
|
@ -304,12 +317,13 @@ gulp.task(
|
||||||
{ skipBinary: true }
|
{ skipBinary: true }
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
.pipe(gulp.dest(paths.dist));
|
.pipe(gulp.dest(paths.dist))
|
||||||
|
.pipe(touch());
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
// Deleting any file inside the /dist-product folder
|
// Deleting any file inside the /dist-product folder
|
||||||
gulp.task('clean-dist-product', function() {
|
gulp.task('clean-dist-product', function () {
|
||||||
return del([paths.distprod + '/**']);
|
return del([paths.distprod + '/**']);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -318,7 +332,7 @@ gulp.task('clean-dist-product', function() {
|
||||||
// Copies the files to the /dist-prod folder for distribution as theme with all assets
|
// Copies the files to the /dist-prod folder for distribution as theme with all assets
|
||||||
gulp.task(
|
gulp.task(
|
||||||
'dist-product',
|
'dist-product',
|
||||||
gulp.series(['clean-dist-product'], function() {
|
gulp.series(['clean-dist-product'], function () {
|
||||||
return gulp
|
return gulp
|
||||||
.src([
|
.src([
|
||||||
'**/*',
|
'**/*',
|
||||||
|
@ -332,7 +346,8 @@ gulp.task(
|
||||||
`!${paths.distprod}/**`,
|
`!${paths.distprod}/**`,
|
||||||
'*'
|
'*'
|
||||||
])
|
])
|
||||||
.pipe(gulp.dest(paths.distprod));
|
.pipe(gulp.dest(paths.distprod))
|
||||||
|
.pipe(touch());
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/preset-env": "^7.4.5",
|
"@babel/preset-env": "^7.4.5",
|
||||||
"bootstrap": "^4.3.1",
|
"bootstrap": "^4.3.1",
|
||||||
"browser-sync": "^2.26.3",
|
"browser-sync": "^2.26.7",
|
||||||
"del": "^4.1.0",
|
"del": "^4.1.0",
|
||||||
"font-awesome": "^4.7.0",
|
"font-awesome": "^4.7.0",
|
||||||
"gulp": "^4.0.0",
|
"gulp": "^4.0.0",
|
||||||
|
@ -45,6 +45,7 @@
|
||||||
"gulp-sass": "^4.0.2",
|
"gulp-sass": "^4.0.2",
|
||||||
"gulp-sequence": "^1.0.0",
|
"gulp-sequence": "^1.0.0",
|
||||||
"gulp-sourcemaps": "^2.6.5",
|
"gulp-sourcemaps": "^2.6.5",
|
||||||
|
"gulp-touch-fd": "^2.0.0",
|
||||||
"gulp-uglify": "^3.0.2",
|
"gulp-uglify": "^3.0.2",
|
||||||
"gulp-watch": "^5.0.1",
|
"gulp-watch": "^5.0.1",
|
||||||
"run-sequence": "^2.2.1",
|
"run-sequence": "^2.2.1",
|
||||||
|
|
Reference in New Issue