Preparing library for export.

Reconfigured webpack. Removed unused packages. Added library exports (webpack configured to export IIFE). Created showcase directory.
2022-04-17 17:44:52 -05:00
parent 61f9ae82ed
commit ec6ce48988
14 changed files with 6950 additions and 333 deletions
--- a/showcase/.vscode/settings.json
+++ b/showcase/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "audioshowkit"
+    ]
+}
--- a/showcase/package-lock.json
+++ b/showcase/package-lock.json
--- a/showcase/package.json
+++ b/showcase/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "showcase",
+  "type": "module",
+  "version": "1.0.0",
+  "description": "",
+  "main": "webpack.common.js",
+  "scripts": {
+    "build": "webpack --config webpack.prod.js",
+    "watch": "webpack serve --config webpack.dev.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "css-loader": "^6.7.1",
+    "html-loader": "^3.1.0",
+    "html-webpack-plugin": "^5.5.0",
+    "style-loader": "^3.3.1",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.8.1",
+    "webpack-merge": "^5.8.0"
+  }
+}
--- a/showcase/src/index.html
+++ b/showcase/src/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AudioShowKit Showcase</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
--- a/showcase/webpack.common.js
+++ b/showcase/webpack.common.js
@@ -0,0 +1,39 @@
+import path from "path";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+
+export default {
+    entry: {
+        audioshowkit: path.resolve("./src/audioshowkit.js"),
+    },
+    module: {
+        rules: [
+            {
+                test: /\.m?js$/,
+                exclude: /(node_modules|bower_components)/,
+                use: {
+                    loader: "babel-loader",
+                    options: {
+                        presets: ["@babel/preset-env"]
+                    }
+                }
+            },
+            {
+                test: /\.css$/i,
+                use: ["style-loader", "css-loader"],
+            },
+            {
+                test: /\.html$/i,
+                loader: "html-loader",
+            },
+        ]
+    },
+    output: {
+        filename: "[name].js",
+        path: path.resolve("./dist")
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: path.resolve("./src/index.html"),
+        })
+    ]
+};
--- a/showcase/webpack.dev.js
+++ b/showcase/webpack.dev.js
@@ -0,0 +1,15 @@
+import { merge } from "webpack-merge";
+import path from "path";
+import webpackCommon from "./webpack.common.js";
+
+
+const devConfig = {
+    mode: "development",
+    devtool: "inline-source-map",
+    devServer: {
+        static: path.resolve("./dist"),
+        open: true
+    }
+};
+
+export default merge(webpackCommon, devConfig);
--- a/showcase/webpack.prod.js
+++ b/showcase/webpack.prod.js
@@ -0,0 +1,9 @@
+import { merge } from "webpack-merge";
+import webpackCommon from "./webpack.common.js";
+
+
+const prodConfig = {
+    mode: "production",
+};
+
+export default merge(webpackCommon, prodConfig);