experiments

package.json

@@ -22,9 +22,9 @@
     "connect-modrewrite": "^0.10.2",
     "css-mqpacker": "^7.0.0",
     "cssnano": "^4.1.10",
-    "del": "^4.1.1",
+    "del": "^5.0.0",
     "eslint": "^6.1.0",
-    "eslint-config-standard": "^12.0.0",
+    "eslint-config-standard": "^13.0.1",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-node": "^9.1.0",
     "eslint-plugin-promise": "^4.2.1",

tasks/serve-css--core.js

@@ -15,7 +15,7 @@ export function serveCoreCSS () {
         require('postcss-custom-media')(), // custom media
         require('postcss-preset-env')(), // autoprefixer, CSS 4
         require('postcss-critical-split')({ // critical CSS
-            'output': 'critical'
+            output: 'critical'
         }),
         require('css-mqpacker')(), // merge media queries
         require('cssnano')({ // minify CSS; Disable autoprefixer, because it's already included in cssnext
@@ -51,8 +51,8 @@ export function serveCoreCSS () {
             .on('error', logError);
     } else {
         stream = stream
-            // .pipe(cached('css-core'))
-            // .on('error', logError)
+            .pipe(cached('css-core'))
+            .on('error', logError)
             .pipe(sourcemaps.write())
             .on('error', logError);
     }

tasks/serve-css--main.js

@@ -15,7 +15,7 @@ export function serveMainCSS () {
         require('postcss-custom-media')(), // custom media
         require('postcss-preset-env')(), // autoprefixer, CSS 4
         require('postcss-critical-split')({ // critical CSS
-            'output': 'rest'
+            output: 'rest'
         }),
         require('css-mqpacker')(), // merge media queries
         require('cssnano')({ // minify CSS; Disable autoprefixer, because it's already included in cssnext
@@ -47,11 +47,12 @@ export function serveMainCSS () {
 
     if (conf.isProduction) {
         stream = stream
-            .pipe(rev());
+            .pipe(rev())
+            .on('error', logError);
     } else {
         stream = stream
-            // .pipe(cached('css-main'))
-            // .on('error', logError)
+            .pipe(cached('css-main'))
+            .on('error', logError)
             .pipe(sourcemaps.write('.'))
             .on('error', logError);
     }

tasks/server.js

 import gulp from 'gulp';
 import browser from 'browser-sync';
 import webpack from 'webpack';
-// import http2 from 'http2';
+// import http2 from 'node-http2';
 
 import webpackDevMiddleware from 'webpack-dev-middleware';
 
@@ -36,39 +36,23 @@ export function server () {
         logPrefix: 'Biuro',
         socket: {
             domain: 'dev.biuro.lt:2000'
-            // domain: 'https://10.0.75.1:3000/'
-        //     // port: 2000
         },
-        // proxy: {
-        //     target: 'https://dev.biuro.lt'
-        //     ws: false
-        // },
         proxy: {
-            target: 'https://dev.biuro.lt/',
-            // target: 'dev.biuro.lt:443',
-            // proxyRes: [
-            //     function (proxyRes, req, res) {
-            //         // console.log(proxyRes.headers);
-            //         console.log(req);
-            //     }
-            // ],
+            target: conf.proxy,
             ws: false
         },
-        // httpModule: http2,
         https: {
             key: conf.certs.key,
             cert: conf.certs.cert
         },
-        // files: [
-        //     `wp-content/themes/${conf.name}/**/*.php`,
-        //     `wp-content/themes/${conf.name}/css/main.min.css`
-        // ],
+        files: [
+            // `wp-content/themes/${conf.name}/**/*.php`,
+            `wp-content/themes/${conf.name}/css/main.min.css`
+        ],
         ghostMode: false,
         open: false,
         port: 2000,
-        // server: false,
         ui: false,
-        // notify: false,
         middleware: [
             webpackDevMiddleware(bundler, { /* options */ }),
             webpackHotMiddleware(bundler)
@@ -92,20 +76,4 @@ export function server () {
     gulp.watch([`wp-content/themes/${conf.name}/css/core.min.css`], { delay: 0 }, gulp.series(reload));
 
     gulp.watch([`wp-content/themes/${conf.name}/**/*.php`], { delay: 0 }, gulp.series(reload));
-
-    // gulp.watch('wp-content/content/**/*.*').on('change', () => {
-    //     serveContent();
-    //     bs.reload();
-    // });
-
-    // gulp.watch([`wp-content/themes/${conf.name}/css/**/*.css`, `!wp-content/themes/${conf.name}/css/**/*.min.css`], gulp.parallel(serveCoreCSS, serveMainCSS));
-
-    // gulp.watch(`wp-content/themes/${conf.name}/css/core.min.css`).on('change', bs.reload);
-
-    // gulp.watch(`wp-content/themes/${conf.name}/**/*.php`).on('change', bs.reload);
-
-    // gulp.watch(`wp-content/themes/${conf.name}/css/main.min.css`).on('change', bs.stream);
-
-//     `wp-content/themes/${conf.name}/**/*.php`,
-//     `wp-content/themes/${conf.name}/css/main.min.css`
 }

wp-content/themes/biuro/css/main.css

@@ -36,7 +36,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
 
 /* critical:start */
 /* critical:end */
- /** { border: 1px solid #000; }*/
+ /** { border: 1px solid #00f; }*/
 
 input::-webkit-calendar-picker-indicator {
     display: none;