From 89005f3469a99be7977c7538c9f3e7da054d89de Mon Sep 17 00:00:00 2001 From: Laurentiu Nicola Date: Tue, 11 Sep 2018 08:42:22 +0300 Subject: [PATCH] Examples: use html-webpack-plugin --- examples/add/index.html | 8 -------- examples/add/package.json | 1 + examples/add/webpack.config.js | 4 ++++ examples/asm.js/package.json | 1 + examples/asm.js/webpack.config.js | 6 ++++++ examples/canvas/package.json | 1 + examples/canvas/webpack.config.js | 6 ++++++ examples/char/package.json | 1 + examples/char/webpack.config.js | 6 ++++++ examples/closures/package.json | 1 + examples/closures/webpack.config.js | 6 ++++++ examples/comments/package.json | 1 + examples/comments/webpack.config.js | 6 ++++++ examples/console_log/package.json | 1 + examples/console_log/webpack.config.js | 6 ++++++ examples/dom/package.json | 1 + examples/dom/webpack.config.js | 6 ++++++ examples/fetch/index.html | 10 ---------- examples/fetch/package.json | 1 + examples/fetch/webpack.config.js | 4 ++++ examples/guide-supported-types-examples/index.html | 8 -------- examples/guide-supported-types-examples/package.json | 1 + .../guide-supported-types-examples/webpack.config.js | 4 ++++ examples/hello_world/index.html | 8 -------- examples/hello_world/package.json | 1 + examples/hello_world/webpack.config.js | 4 ++++ examples/import_js/package.json | 1 + examples/import_js/webpack.config.js | 6 ++++++ examples/julia_set/package.json | 1 + examples/julia_set/webpack.config.js | 6 ++++++ examples/math/package.json | 1 + examples/math/webpack.config.js | 6 ++++++ examples/performance/package.json | 1 + examples/performance/webpack.config.js | 6 ++++++ examples/smorgasboard/index.html | 8 -------- examples/smorgasboard/package.json | 1 + examples/smorgasboard/webpack.config.js | 4 ++++ examples/wasm-in-wasm/package.json | 1 + examples/wasm-in-wasm/webpack.config.js | 6 ++++++ examples/webaudio/package.json | 1 + examples/webaudio/webpack.config.js | 6 ++++++ 41 files changed, 116 insertions(+), 42 deletions(-) delete mode 100644 examples/add/index.html delete mode 100644 examples/fetch/index.html delete mode 100644 examples/guide-supported-types-examples/index.html delete mode 100644 examples/hello_world/index.html delete mode 100644 examples/smorgasboard/index.html diff --git a/examples/add/index.html b/examples/add/index.html deleted file mode 100644 index bad47a7c..00000000 --- a/examples/add/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/examples/add/package.json b/examples/add/package.json index 41eba8c8..176a69a4 100644 --- a/examples/add/package.json +++ b/examples/add/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/add/webpack.config.js b/examples/add/webpack.config.js index dce27149..a5caf17f 100644 --- a/examples/add/webpack.config.js +++ b/examples/add/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,8 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin() + ], mode: 'development' }; diff --git a/examples/asm.js/package.json b/examples/asm.js/package.json index 41eba8c8..176a69a4 100644 --- a/examples/asm.js/package.json +++ b/examples/asm.js/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/asm.js/webpack.config.js b/examples/asm.js/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/asm.js/webpack.config.js +++ b/examples/asm.js/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/canvas/package.json b/examples/canvas/package.json index 41eba8c8..176a69a4 100644 --- a/examples/canvas/package.json +++ b/examples/canvas/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/canvas/webpack.config.js b/examples/canvas/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/canvas/webpack.config.js +++ b/examples/canvas/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/char/package.json b/examples/char/package.json index 8f2c63dc..332b6632 100644 --- a/examples/char/package.json +++ b/examples/char/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.8.3", "webpack-cli": "^2.1.3", "webpack-dev-server": "^3.1.4" diff --git a/examples/char/webpack.config.js b/examples/char/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/char/webpack.config.js +++ b/examples/char/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/closures/package.json b/examples/closures/package.json index 41eba8c8..176a69a4 100644 --- a/examples/closures/package.json +++ b/examples/closures/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/closures/webpack.config.js b/examples/closures/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/closures/webpack.config.js +++ b/examples/closures/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/comments/package.json b/examples/comments/package.json index c9666e67..b5564ba6 100644 --- a/examples/comments/package.json +++ b/examples/comments/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.8.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/comments/webpack.config.js b/examples/comments/webpack.config.js index 4b5f4574..f672f58b 100644 --- a/examples/comments/webpack.config.js +++ b/examples/comments/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,6 +7,11 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development', devtool: 'source-map', }; diff --git a/examples/console_log/package.json b/examples/console_log/package.json index 41eba8c8..176a69a4 100644 --- a/examples/console_log/package.json +++ b/examples/console_log/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/console_log/webpack.config.js b/examples/console_log/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/console_log/webpack.config.js +++ b/examples/console_log/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/dom/package.json b/examples/dom/package.json index 41eba8c8..176a69a4 100644 --- a/examples/dom/package.json +++ b/examples/dom/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/dom/webpack.config.js b/examples/dom/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/dom/webpack.config.js +++ b/examples/dom/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/fetch/index.html b/examples/fetch/index.html deleted file mode 100644 index 3556e137..00000000 --- a/examples/fetch/index.html +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/examples/fetch/package.json b/examples/fetch/package.json index 07da0131..596e8d02 100644 --- a/examples/fetch/package.json +++ b/examples/fetch/package.json @@ -3,6 +3,7 @@ "serve": "webpack-serve ./webpack.config.js" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.16.5", "webpack-serve": "^2.0.2" } diff --git a/examples/fetch/webpack.config.js b/examples/fetch/webpack.config.js index dce27149..a5caf17f 100644 --- a/examples/fetch/webpack.config.js +++ b/examples/fetch/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,8 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin() + ], mode: 'development' }; diff --git a/examples/guide-supported-types-examples/index.html b/examples/guide-supported-types-examples/index.html deleted file mode 100644 index bad47a7c..00000000 --- a/examples/guide-supported-types-examples/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/examples/guide-supported-types-examples/package.json b/examples/guide-supported-types-examples/package.json index 41eba8c8..176a69a4 100644 --- a/examples/guide-supported-types-examples/package.json +++ b/examples/guide-supported-types-examples/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/guide-supported-types-examples/webpack.config.js b/examples/guide-supported-types-examples/webpack.config.js index dce27149..a5caf17f 100644 --- a/examples/guide-supported-types-examples/webpack.config.js +++ b/examples/guide-supported-types-examples/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,8 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin() + ], mode: 'development' }; diff --git a/examples/hello_world/index.html b/examples/hello_world/index.html deleted file mode 100644 index bad47a7c..00000000 --- a/examples/hello_world/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/examples/hello_world/package.json b/examples/hello_world/package.json index 41eba8c8..176a69a4 100644 --- a/examples/hello_world/package.json +++ b/examples/hello_world/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/hello_world/webpack.config.js b/examples/hello_world/webpack.config.js index dce27149..a5caf17f 100644 --- a/examples/hello_world/webpack.config.js +++ b/examples/hello_world/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,8 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin() + ], mode: 'development' }; diff --git a/examples/import_js/package.json b/examples/import_js/package.json index 41eba8c8..176a69a4 100644 --- a/examples/import_js/package.json +++ b/examples/import_js/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/import_js/webpack.config.js b/examples/import_js/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/import_js/webpack.config.js +++ b/examples/import_js/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/julia_set/package.json b/examples/julia_set/package.json index 408b462e..5620a742 100644 --- a/examples/julia_set/package.json +++ b/examples/julia_set/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.0.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/julia_set/webpack.config.js b/examples/julia_set/webpack.config.js index 37e668c1..0d917993 100644 --- a/examples/julia_set/webpack.config.js +++ b/examples/julia_set/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,6 +7,11 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development', devServer: { open: true diff --git a/examples/math/package.json b/examples/math/package.json index 41eba8c8..176a69a4 100644 --- a/examples/math/package.json +++ b/examples/math/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/math/webpack.config.js b/examples/math/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/math/webpack.config.js +++ b/examples/math/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/performance/package.json b/examples/performance/package.json index 41eba8c8..176a69a4 100644 --- a/examples/performance/package.json +++ b/examples/performance/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/performance/webpack.config.js b/examples/performance/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/performance/webpack.config.js +++ b/examples/performance/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/smorgasboard/index.html b/examples/smorgasboard/index.html deleted file mode 100644 index bad47a7c..00000000 --- a/examples/smorgasboard/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/examples/smorgasboard/package.json b/examples/smorgasboard/package.json index 41eba8c8..176a69a4 100644 --- a/examples/smorgasboard/package.json +++ b/examples/smorgasboard/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/smorgasboard/webpack.config.js b/examples/smorgasboard/webpack.config.js index dce27149..a5caf17f 100644 --- a/examples/smorgasboard/webpack.config.js +++ b/examples/smorgasboard/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,8 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin() + ], mode: 'development' }; diff --git a/examples/wasm-in-wasm/package.json b/examples/wasm-in-wasm/package.json index 41eba8c8..176a69a4 100644 --- a/examples/wasm-in-wasm/package.json +++ b/examples/wasm-in-wasm/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.11.1", "webpack-cli": "^2.0.10", "webpack-dev-server": "^3.1.0" diff --git a/examples/wasm-in-wasm/webpack.config.js b/examples/wasm-in-wasm/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/wasm-in-wasm/webpack.config.js +++ b/examples/wasm-in-wasm/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' }; diff --git a/examples/webaudio/package.json b/examples/webaudio/package.json index 3759f517..72dac45b 100644 --- a/examples/webaudio/package.json +++ b/examples/webaudio/package.json @@ -3,6 +3,7 @@ "serve": "webpack-dev-server" }, "devDependencies": { + "html-webpack-plugin": "^3.2.0", "webpack": "^4.16.5", "webpack-serve": "^2.0.2" } diff --git a/examples/webaudio/webpack.config.js b/examples/webaudio/webpack.config.js index dce27149..453a1a59 100644 --- a/examples/webaudio/webpack.config.js +++ b/examples/webaudio/webpack.config.js @@ -1,4 +1,5 @@ const path = require('path'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './index.js', @@ -6,5 +7,10 @@ module.exports = { path: path.resolve(__dirname, 'dist'), filename: 'index.js', }, + plugins: [ + new HtmlWebpackPlugin({ + template: "index.html" + }) + ], mode: 'development' };