Add rollup task to all gulpfiles in elements (#128)

* Add rollup task to all gulpfiles in elements

* Add shell require to rh-overpass

* Update package.json with shell install

* Update build task to use series

* Move default task into series

* More gulpfile updates and some changes to rh-icon as a result of the gulpfile changes

* adding map files

* remove rollup from npm build script

Author: castastrophe

elements/rh-button/gulpfile.js

@@ -8,6 +8,7 @@ const stripCssComments = require("strip-css-comments");
 const trim = require("trim");
 const decomment = require("decomment");
 const sass = require("node-sass");
+const shell = require("gulp-shell");
 
 gulp.task("compile", () => {
   return gulp
@@ -26,10 +27,6 @@ gulp.task("compile", () => {
     .pipe(gulp.dest("./"));
 });
 
-gulp.task("watch", () => {
-  return gulp.watch("./src/*", gulp.series("merge", "compile"));
-});
-
 gulp.task("merge", () => {
   return gulp
     .src("./src/rh-button.js")
@@ -88,6 +85,14 @@ ${html}\`;
     .pipe(gulp.dest("./"));
 });
 
-gulp.task("default", gulp.series("merge", "compile"));
+gulp.task("watch", () => {
+  return gulp.watch("./src/*", gulp.series("build"));
+});
+
+gulp.task("bundle", shell.task("../../node_modules/.bin/rollup -c"));
+
+gulp.task("build", gulp.series("merge", "compile", "bundle"));
+
+gulp.task("default", gulp.series("build"));
 
-gulp.task("dev", gulp.series("merge", "compile", "watch"));
+gulp.task("dev", gulp.series("build", "watch"));

elements/rh-button/package.json

@@ -12,7 +12,7 @@
   },
   "main": "index.js",
   "scripts": {
-    "build": "../../node_modules/.bin/gulp && ../../node_modules/.bin/rollup -c && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}'",
+    "build": "../../node_modules/.bin/gulp && ../../node_modules/.bin/prettier --ignore-path ../../.prettierignore --write '**/*.{js,json}'",
     "dev": "../../node_modules/.bin/gulp dev",
     "test": "../../node_modules/.bin/wct --configFile ../../wct.conf.json node_modules/@rhelements/rh-button/test/"
   },

elements/rh-button/rh-button.js

@@ -8,6 +8,7 @@ const stripCssComments = require("strip-css-comments");
 const trim = require("trim");
 const decomment = require("decomment");
 const sass = require("node-sass");
+const shell = require("gulp-shell");
 
 gulp.task("compile", () => {
   return gulp
@@ -26,10 +27,6 @@ gulp.task("compile", () => {
     .pipe(gulp.dest("./"));
 });
 
-gulp.task("watch", () => {
-  return gulp.watch("./src/*", gulp.series("merge", "compile"));
-});
-
 gulp.task("merge", () => {
   return gulp
     .src("./src/rh-card.js")
@@ -88,6 +85,14 @@ ${html}\`;
     .pipe(gulp.dest("./"));
 });
 
-gulp.task("default", gulp.series("merge", "compile"));
+gulp.task("watch", () => {
+  return gulp.watch("./src/*", ["build"]);
+});
+
+gulp.task("bundle", shell.task("../../node_modules/.bin/rollup -c"));
+
+gulp.task("build", gulp.series("merge", "compile", "bundle"));
+
+gulp.task("default", gulp.series("build"));
 
-gulp.task("dev", gulp.series("merge", "compile", "watch"));
+gulp.task("dev", gulp.series("build", "watch"));