build(examples): add build:webpack script aliases & config

erik-krogh · Aug 16, 2020 · 5ebe268 · 5ebe268
1 parent 312fa4a
commit 5ebe268
Show file tree

Hide file tree

Showing 33 changed files with 432 additions and 3 deletions.
diff --git a/examples/bitmap-font/package.json b/examples/bitmap-font/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --public-url ./ --no-source-maps --no-cache --detailed-report --experimental-scope-hoisting",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {

diff --git a/examples/bitmap-font/webpack.config.js b/examples/bitmap-font/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/canvas-dial/package.json b/examples/canvas-dial/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {

diff --git a/examples/canvas-dial/webpack.config.js b/examples/canvas-dial/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/commit-table-ssr/package.json b/examples/commit-table-ssr/package.json
@@ -10,6 +10,7 @@
         "prep": "yarn clean && mkdir -p out && cp commits.json out",
         "build-static": "tsc && node build/server/static.js",
         "build": "yarn prep && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "tsc && node build/server/index.js"
     },
     "devDependencies": {
@@ -18,7 +19,7 @@
         "typescript": "^3.9.7"
     },
     "dependencies": {
-        "express": "^4.16.3",
+        "express": "^4.17.1",
         "@thi.ng/api": "latest",
         "@thi.ng/associative": "latest",
         "@thi.ng/cache": "latest",
@@ -27,7 +28,7 @@
         "@thi.ng/rstream": "latest",
         "@thi.ng/transducers": "latest",
         "@thi.ng/transducers-hdom": "latest",
-        "@types/express": "^4.16.0"
+        "@types/express": "^4.17.7"
     },
     "browserslist": [
         "last 3 Chrome versions"

diff --git a/examples/commit-table-ssr/webpack.config.js b/examples/commit-table-ssr/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/client/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out",
+    },
+    resolve: {
+        extensions: [".ts", ".js"],
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" },
+            },
+            { test: /\.ts$/, use: "ts-loader" },
+        ],
+    },
+    node: {
+        process: false,
+    },
+};
diff --git a/examples/gesture-analysis/package.json b/examples/gesture-analysis/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {

diff --git a/examples/gesture-analysis/webpack.config.js b/examples/gesture-analysis/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/hdom-canvas-particles/webpack.config.js b/examples/hdom-canvas-particles/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/hdom-dropdown-fuzzy/package.json b/examples/hdom-dropdown-fuzzy/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {

diff --git a/examples/hdom-dropdown-fuzzy/webpack.config.js b/examples/hdom-dropdown-fuzzy/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/hdom-dropdown/package.json b/examples/hdom-dropdown/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {

diff --git a/examples/hdom-dropdown/webpack.config.js b/examples/hdom-dropdown/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/hdom-vscroller/webpack.config.js b/examples/hdom-vscroller/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/hmr-basics/package.json b/examples/hmr-basics/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {

diff --git a/examples/hmr-basics/webpack.config.js b/examples/hmr-basics/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/mandelbrot/package.json b/examples/mandelbrot/package.json
@@ -8,7 +8,8 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && yarn build:worker && parcel build index.html -d out --public-url ./ --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report",
-        "build:worker": "parcel build src/worker.ts -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --experimental-scope-hoisting",
+        "build:worker": "../../node_modules/.bin/webpack --config webpack.worker.js --mode production",
+        "build:webpack": "yarn build:worker && ../../node_modules/.bin/webpack --mode production",
         "start": "yarn build:worker && parcel index.html -d out -p 8080 --open"
     },
     "devDependencies": {

diff --git a/examples/mandelbrot/webpack.config.js b/examples/mandelbrot/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/mandelbrot/webpack.worker.js b/examples/mandelbrot/webpack.worker.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/worker.ts",
+    output: {
+        filename: "worker.js",
+        path: __dirname + "/out",
+    },
+    resolve: {
+        extensions: [".ts", ".js"],
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" },
+            },
+            { test: /\.ts$/, use: "ts-loader" },
+        ],
+    },
+    node: {
+        process: false,
+    },
+};
diff --git a/examples/router-basics/package.json b/examples/router-basics/package.json
@@ -9,6 +9,7 @@
         "clean": "rm -rf .cache build out",
         "prep": "yarn clean && mkdir -p out && cp -R assets out",
         "build": "yarn prep && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "yarn prep && parcel index.html -p 8080 --open -d out"
     },
     "dependencies": {

diff --git a/examples/router-basics/webpack.config.js b/examples/router-basics/webpack.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    entry: "./src/index.ts",
+    output: {
+        filename: "bundle.[hash].js",
+        path: __dirname + "/out"
+    },
+    resolve: {
+        extensions: [".ts", ".js"]
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(png|jpg|gif)$/,
+                loader: "file-loader",
+                options: { name: "[path][hash].[ext]" }
+            },
+            { test: /\.ts$/, use: "ts-loader" }
+        ]
+    },
+    node: {
+        process: false
+    }
+};
diff --git a/examples/rstream-dataflow/package.json b/examples/rstream-dataflow/package.json
@@ -8,6 +8,7 @@
     "scripts": {
         "clean": "rm -rf .cache build out",
         "build": "yarn clean && parcel build index.html -d out --no-source-maps --no-cache --experimental-scope-hoisting --detailed-report --public-url ./",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
         "start": "parcel index.html -p 8080 --open --no-cache"
     },
     "devDependencies": {