Build: tweak tasks

Author: nolimits4web

scripts/build-ks-react.js

@@ -9,7 +9,7 @@ const replace = require('rollup-plugin-replace');
 const commonjs = require('rollup-plugin-commonjs');
 const resolve = require('rollup-plugin-node-resolve');
 
-let cache;
+// let cache;
 
 function buildKs(cb) {
   const env = process.env.NODE_ENV || 'development';
@@ -30,11 +30,14 @@ function buildKs(cb) {
         .replace('../../build/core/css/framework7.css', '../../packages/core/css/framework7.min.css')
         .replace('../../build/core/js/framework7.js', '../../packages/core/js/framework7.min.js');
     }))
-    .pipe(gulp.dest('./kitchen-sink/react'));
+    .pipe(gulp.dest('./kitchen-sink/react'))
+    .on('error', (err) => {
+      console.log(err);
+    });
 
   rollup.rollup({
     input: './kitchen-sink/react/src/app.js',
-    cache,
+    // cache,
     plugins: [
       replace({
         delimiters: ['', ''],
@@ -50,13 +53,13 @@ function buildKs(cb) {
       }),
     ],
   }).then((bundle) => {
-    cache = bundle;
+    // cache = bundle;
     return bundle.write({
       format: 'umd',
       name: 'app',
       strict: true,
       sourcemap: false,
-      cache,
+      // cache,
       file: './kitchen-sink/react/js/app.js',
     });
   }).then(() => {

scripts/build-ks-vue.js

@@ -10,8 +10,6 @@ const commonjs = require('rollup-plugin-commonjs');
 const resolve = require('rollup-plugin-node-resolve');
 const vue = require('rollup-plugin-vue');
 
-let cache;
-
 function buildKs(cb) {
   const env = process.env.NODE_ENV || 'development';
   const target = process.env.TARGET || 'universal';
@@ -35,7 +33,6 @@ function buildKs(cb) {
 
   rollup.rollup({
     input: './kitchen-sink/vue/src/app.js',
-    cache,
     plugins: [
       replace({
         delimiters: ['', ''],
@@ -51,17 +48,13 @@ function buildKs(cb) {
         objectAssign: 'Object.assign',
       }),
     ],
-  }).then((bundle) => {
-    cache = bundle;
-    return bundle.write({
-      format: 'umd',
-      name: 'app',
-      strict: true,
-      sourcemap: false,
-      cache,
-      file: './kitchen-sink/vue/js/app.js',
-    });
-  }).then(() => {
+  }).then(bundle => bundle.write({
+    format: 'umd',
+    name: 'app',
+    strict: true,
+    sourcemap: false,
+    file: './kitchen-sink/vue/js/app.js',
+  })).then(() => {
     if (cb) cb();
   }).catch((err) => {
     console.log(err);

scripts/build-react.js

@@ -18,8 +18,6 @@ const uglify = require('gulp-uglify');
 const sourcemaps = require('gulp-sourcemaps');
 const rename = require('gulp-rename');
 
-let cache;
-
 function esm({ banner, componentImports, componentAliases, componentExports }) {
   return `
 ${banner}
@@ -102,7 +100,6 @@ function buildReact(cb) {
   /* Build UMD from esm bundle: framework7-react.esm.bundle.js -> framework7-react.js */
   rollup.rollup({
     input: `${buildPath}/react/framework7-react.esm.bundle.js`,
-    cache,
     external: ['react'],
     plugins: [
       replace({
@@ -115,21 +112,18 @@ function buildReact(cb) {
         objectAssign: 'Object.assign',
       }),
     ],
-  }).then((bundle) => {
-    cache = bundle;
-    return bundle.write({
-      globals: {
-        react: 'React',
-      },
-      strict: true,
-      file: `${buildPath}/react/framework7-react.js`,
-      format: 'umd',
-      name: 'Framework7React',
-      sourcemap: env === 'development',
-      sourcemapFile: `${buildPath}/react/framework7-react.js.map`,
-      banner: bannerReact,
-    });
-  }).then(() => {
+  }).then(bundle => bundle.write({
+    globals: {
+      react: 'React',
+    },
+    strict: true,
+    file: `${buildPath}/react/framework7-react.js`,
+    format: 'umd',
+    name: 'Framework7React',
+    sourcemap: env === 'development',
+    sourcemapFile: `${buildPath}/react/framework7-react.js.map`,
+    banner: bannerReact,
+  })).then(() => {
     // Remove esm.bundle
     fs.unlinkSync(`${buildPath}/react/framework7-react.esm.bundle.js`);
 

scripts/build-vue.js

@@ -16,8 +16,6 @@ const uglify = require('gulp-uglify');
 const sourcemaps = require('gulp-sourcemaps');
 const rename = require('gulp-rename');
 
-let cache;
-
 function esm({ banner, componentImports, componentExports }) {
   return `
 ${banner}
@@ -97,7 +95,6 @@ function buildVue(cb) {
   /* Build UMD from esm bundle: framework7-vue.esm.bundle.js -> framework7-vue.js */
   rollup.rollup({
     input: `${buildPath}/vue/framework7-vue.esm.bundle.js`,
-    cache,
     external: ['vue'],
     plugins: [
       replace({
@@ -108,21 +105,18 @@ function buildVue(cb) {
         objectAssign: 'Object.assign',
       }),
     ],
-  }).then((bundle) => {
-    cache = bundle;
-    return bundle.write({
-      globals: {
-        vue: 'Vue',
-      },
-      strict: true,
-      file: `${buildPath}/vue/framework7-vue.js`,
-      format: 'umd',
-      name: 'Framework7Vue',
-      sourcemap: env === 'development',
-      sourcemapFile: `${buildPath}/vue/framework7-vue.js.map`,
-      banner: bannerVue,
-    });
-  }).then(() => {
+  }).then(bundle => bundle.write({
+    globals: {
+      vue: 'Vue',
+    },
+    strict: true,
+    file: `${buildPath}/vue/framework7-vue.js`,
+    format: 'umd',
+    name: 'Framework7Vue',
+    sourcemap: env === 'development',
+    sourcemapFile: `${buildPath}/vue/framework7-vue.js.map`,
+    banner: bannerVue,
+  })).then(() => {
     if (env === 'development') {
       if (cb) cb();
       return;

scripts/gulpfile.js

@@ -48,13 +48,13 @@ const watch = {
     gulp.watch(['./src/core/**/*.js'], () => runSequence('core-js', 'core-components', 'ks-react'));
     gulp.watch('./src/core/**/*.less', () => runSequence('core-less', 'core-components'));
     gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], () => runSequence('phenome', 'build-react', 'ks-react'));
-    gulp.watch(['./kitchen-sink/react/src/**/*.js', './kitchen-sink/react/src/**/*.jsx'], () => runSequence('ks-react'));
+    gulp.watch(['./kitchen-sink/react/src/**/*.js', './kitchen-sink/react/src/**/*.jsx'], ['ks-react']);
   },
   vue() {
     gulp.watch(['./src/core/**/*.js'], () => runSequence('core-js', 'core-components', 'ks-vue'));
     gulp.watch('./src/core/**/*.less', () => runSequence('core-less', 'core-components'));
     gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], () => runSequence('phenome', 'build-vue', 'ks-vue'));
-    gulp.watch(['./kitchen-sink/vue/src/**/*.js', './kitchen-sink/vue/src/**/*.vue'], () => runSequence('ks-vue'));
+    gulp.watch(['./kitchen-sink/vue/src/**/*.js', './kitchen-sink/vue/src/**/*.vue'], ['ks-vue']);
   },
 };