webpack plugin

simple-webpack-plugin/index.js

@@ -0,0 +1,72 @@
+'use strict';
+const zip = new require('node-zip')();
+const path = require('path');
+const fs = require('fs');
+
+class BuildError {
+	constructor(name, message) {
+		this.name = name;
+		this.message = message;
+		this.type = "HeaseWebpackPluginError";
+	}
+}
+
+/**
+ * Find all files inside a dir, recursively.
+ * @function getAllFiles
+ * @param  {string} dir Dir path string.
+ * @return {string[]} Array with all file names that are inside the directory.
+ */
+const getAllFiles = dir =>
+	fs.readdirSync(dir).reduce((files, file) => {
+		const name = path.join(dir, file);
+		const isDirectory = fs.statSync(name).isDirectory();
+		return isDirectory ? [...files, ...getAllFiles(name)] : [...files, name];
+	}, []);
+
+
+class SimpleWebpackPlugin {
+	constructor(options) {
+		this.options = options || {};
+
+		if (!this.options.buildPath) {
+			this.options.buildPath = "dist";
+		}
+	}
+
+	apply(compiler) {
+		compiler.hooks.entryOption.tap("SimpleWebpackPluginGetEntry", (context, entry) => {
+			console.log(context, entry)
+			if (!this.options.context) {
+				this.options.context = context;
+			}else{
+				this.options.context = path.resolve(context, this.options.context);
+			}
+
+			this.entry = entry;
+		});
+
+		compiler.hooks.emit.tap("SimpleWebpackPluginEmitBuild", (compilation) => {
+			try {
+				this.buildAppZip(this.entry)
+			} catch (e) {
+				compilation.errors.push(new Error(`${e.type}: ${e.name} -> ${e.message}`));
+			}
+		});
+	}
+
+	buildAppZip() {
+		if (!fs.existsSync(this.options.buildPath)) {
+			fs.mkdirSync(this.options.buildPath);
+		}
+
+		const allFiles = getAllFiles(path.join(this.options.context, "src"));
+		allFiles.forEach(file => {
+			zip.file(file.substring(this.options.context.length + 1, file.length), fs.readFileSync(file));
+		})
+		const data = zip.generate({base64: false, compression: 'DEFLATE'});
+		fs.writeFileSync(path.join(this.options.buildPath, `archive.zip`), data, 'binary');
+	}
+}
+
+module.exports = SimpleWebpackPlugin;

simple-webpack-plugin/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "simple-webpack-plugin",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "keywords": [],
+  "author": "",
+  "dependencies": {
+    "node-zip": "^1.1.1"
+  }
+}

use-custom-webpack-plugin/.gitignore

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

use-custom-webpack-plugin/README.md

@@ -0,0 +1,29 @@
+# use-custom-webpack-plugin
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Run your tests
+```
+npm run test
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

use-custom-webpack-plugin/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}