rayelliott
/
understrap
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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:
UnderstrapFramework 2019-12-13 11:26:51 +00:00 committed by GitHub
parent cf100502d7 7a02eed85c
commit 3f7fd8ff36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 52 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.travis.yml
View File

@ -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

2
README.md
View File

@ -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/)

77
gulpfile.js
View File

@ -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());
}) })
); );
@ -344,4 +359,4 @@ gulp.task('compile', gulp.series('styles', 'scripts', 'dist'));
// Run: // Run:
// gulp // gulp
// Starts watcher (default task) // Starts watcher (default task)
gulp.task('default', gulp.series('watch')); gulp.task('default', gulp.series('watch'));

3
package.json
View File

@ -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",