Added clean plugin.

Author: andreasbm

blueprint.json

@@ -22,6 +22,7 @@
 		"[`rollup-plugin-minify-lit-html` - A Rollup plugin that minifies lit-html templates](src/lib/rollup-plugins/minify-lit-html)",
 		"[`rollup-plugin-replace` - A Rollup plugin that replaces an import with another import](src/lib/rollup-plugins/replace)",
 		"[`rollup-plugin-workbox` - A Rollup plugin that uses workbox to generate a service worker](src/lib/rollup-plugins/workbox)",
-		"[`rollup-plugin-budget` - A Rollup plugin that compares the sizes of the files to a specified budget](src/lib/rollup-plugins/budget)"
+		"[`rollup-plugin-budget` - A Rollup plugin that compares the sizes of the files to a specified budget](src/lib/rollup-plugins/budget)",
+		"[`rollup-plugin-clean` - A Rollup plugin that clean directories before rebuilding](src/lib/rollup-plugins/clean)"
 	]
 }

rollup.config-simple.js

@@ -33,7 +33,7 @@ export default {
 	],
 	plugins: [
 		...defaultPlugins({
-			cleanerConfig: {
+			cleanConfig: {
 				targets: [
 					folders.dist
 				]

rollup.config.js

@@ -43,7 +43,7 @@ export default {
 			copyConfig: {
 				resources: [[folders.src_assets, folders.dist_assets]]
 			},
-			cleanerConfig: {
+			cleanConfig: {
 				targets: [
 					folders.dist
 				]

src/cli/new.ts

@@ -168,7 +168,7 @@ export default {
 	],
 	plugins: [
 		...defaultPlugins({
-			cleanerConfig: {
+			cleanConfig: {
 				targets: [
 					folders.dist
 				]

src/lib/create-rollup-config.ts

@@ -3,7 +3,6 @@ import autoprefixer from "autoprefixer";
 import cssnano from "cssnano";
 import precss from "precss";
 import { OutputOptions } from "rollup";
-import cleaner from "rollup-plugin-cleaner";
 import commonjs from "rollup-plugin-commonjs";
 import json from "rollup-plugin-json";
 import license from "rollup-plugin-license";
@@ -13,6 +12,7 @@ import serve from "rollup-plugin-serve";
 import { terser } from "rollup-plugin-terser";
 import visualizer from "rollup-plugin-visualizer";
 import { budget, IRollupPluginBudgetConfig } from "./rollup-plugins/budget/rollup-plugin-budget";
+import { clean, IRollupPluginCleanConfig } from "./rollup-plugins/clean/rollup-plugin-clean";
 import { compress, IRollupPluginCompressConfig } from "./rollup-plugins/compress/rollup-plugin-compress";
 import { copy, IRollupPluginCopyConfig } from "./rollup-plugins/copy/rollup-plugin-copy";
 import { htmlTemplate, IRollupPluginHtmlTemplateConfig } from "./rollup-plugins/html-template/rollup-plugin-html-template";
@@ -35,7 +35,7 @@ export interface IDefaultPlugins extends IDefaultResolvePlugins{
 	copyConfig: Partial<IRollupPluginCopyConfig>;
 	htmlTemplateConfig: Partial<IRollupPluginHtmlTemplateConfig>;
 	replaceConfig: Partial<IRollupPluginReplaceConfig>;
-	cleanerConfig: any;
+	cleanConfig: Partial<IRollupPluginCleanConfig>
 	progressConfig: any;
 }
 
@@ -154,7 +154,7 @@ export const defaultResolvePlugins = ({importStylesConfig, jsonConfig, resolveCo
 
 /**
  * Default configuration for the plugins that runs every time the bundle is created.
- * @param cleanerConfig
+ * @param cleanConfig
  * @param copyConfig
  * @param importStylesConfig
  * @param jsonConfig
@@ -165,16 +165,16 @@ export const defaultResolvePlugins = ({importStylesConfig, jsonConfig, resolveCo
  * @param commonjsConfig
  * @param replaceConfig
  */
-export const defaultPlugins = ({cleanerConfig, copyConfig, importStylesConfig, jsonConfig, htmlTemplateConfig, resolveConfig, progressConfig, tsConfig, commonjsConfig, replaceConfig}: Partial<IDefaultPlugins> = {}) => [
+export const defaultPlugins = ({cleanConfig, copyConfig, importStylesConfig, jsonConfig, htmlTemplateConfig, resolveConfig, progressConfig, tsConfig, commonjsConfig, replaceConfig}: Partial<IDefaultPlugins> = {}) => [
 
 	// Shows a progress indicator while building
 	progress({
 		...configOrDefault(progressConfig)
 	}),
 
 	// Cleans the dist folder to get rid of files from the previous build
-	cleaner({
-		...configOrDefault(cleanerConfig)
+	clean({
+		...configOrDefault(cleanConfig)
 	}),
 
 	// Teach rollup how to resolve imports

src/lib/rollup-plugins/clean/README.md

@@ -0,0 +1,29 @@
+# rollup-plugin-clean
+
+A Rollup plugin that clean directories before rebuilding.
+
+## Usage
+
+### Example
+
+```js
+import {clean} from "@appnest/web-config";
+
+export default {
+  entry: "src/index.js"
+  output: {
+    dest: "dist/index.js"
+  },
+  plugins: [
+    clean({
+      targets: [
+        "dist"
+      ]
+    })
+  ]
+};
+```
+
+## 🎉 License
+
+Licensed under [MIT](https://opensource.org/licenses/MIT).

src/lib/rollup-plugins/clean/rollup-plugin-clean.ts

@@ -0,0 +1,36 @@
+import { green } from "colors";
+import { emptyDirSync, existsSync } from "fs-extra";
+import { normalize } from "path";
+
+export interface IRollupPluginCleanConfig {
+	targets: string[];
+	verbose: boolean;
+}
+
+const defaultConfig: IRollupPluginCleanConfig = {
+	targets: [],
+	verbose: true
+};
+
+/**
+ * A Rollup plugin that clean directories before rebuilding.
+ * @param config
+ */
+export function clean (config: Partial<IRollupPluginCleanConfig> = {}) {
+	const {targets, verbose} = {...defaultConfig, ...config};
+	return {
+		name: "clean",
+		generateBundle: (): void => {
+			for (const target of targets) {
+				const path = normalize(target);
+				if (existsSync(path)) {
+					if (verbose) {
+						console.log(green(`[clean] - Cleaning "${path}"`));
+					}
+
+					emptyDirSync(path);
+				}
+			}
+		}
+	};
+}

src/lib/rollup-plugins/index.ts

@@ -6,4 +6,5 @@ export * from "./copy/rollup-plugin-copy";
 export * from "./workbox/rollup-plugin-workbox";
 export * from "./compress/rollup-plugin-compress";
 export * from "./replace/rollup-plugin-replace";
-export * from "./budget/rollup-plugin-budget";
+export * from "./budget/rollup-plugin-budget";
+export * from "./clean/rollup-plugin-clean";