Changing to use copy-webpack-plugin

Pauan · sendilkumarn · commit 2fb9b7da8d23 · 2019-08-28T16:20:33.000+02:00
diff --git a/template/Cargo.toml b/template/Cargo.toml
@@ -1,6 +1,6 @@
 # You must adjust these to your own details.
 [package]
-name = "template"
+name = "rust-webpack-template"
 description = "My super awesome Rust, WebAssembly, and Webpack project!"
 version = "0.1.0"
 authors = ["You <you@example.com>"]
diff --git a/template/README.md b/template/README.md
@@ -30,3 +30,19 @@ npm test -- --chrome
 # Runs tests in Safari
 npm test -- --safari
 ```
+
+# What does each file do?
+
+* `Cargo.toml` contains the standard Rust metadata. You put your Rust dependencies in here. You should adjust this file with your details (name, author, etc.)
+
+* `package.json` contains the standard npm metadata. You put your JavaScript dependencies in here. You should adjust this file with your details (name, author, etc.)
+
+* `webpack.config.js` contains the Webpack configuration. You shouldn't need to change this, unless you have very special needs.
+
+* The `js` folder contains your JavaScript code (`index.js` is used to hook everything into Webpack, you don't need to change it).
+
+* The `src` folder contains your Rust code.
+
+* The `static` folder contains any files that you want copied as-is into the final build. It contains an `index.html` file which loads the `index.js` file.
+
+* The `tests` folder contains your Rust unit tests.
diff --git a/template/package.json b/template/package.json
@@ -9,7 +9,7 @@
   },
   "devDependencies": {
     "@wasm-tool/wasm-pack-plugin": "^0.4.2",
-    "html-webpack-plugin": "^3.2.0",
+    "copy-webpack-plugin": "^5.0.3",
     "webpack": "^4.33.0",
     "webpack-cli": "^3.3.3",
     "webpack-dev-server": "^3.7.1",
diff --git a/template/static/index.html b/template/static/index.html
@@ -5,6 +5,6 @@
     <title>My Rust + Webpack project!</title>
   </head>
   <body>
-
+    <script src="index.js"></script>
   </body>
 </html>
diff --git a/template/webpack.config.js b/template/webpack.config.js
@@ -1,12 +1,14 @@
 const path = require("path");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
+const CopyPlugin = require("copy-webpack-plugin");
 const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");
 
 const dist = path.resolve(__dirname, "dist");
 
 module.exports = {
   mode: "production",
-  entry: "./js/index.js",
+  entry: {
+    index: "./js/index.js"
+  },
   output: {
     path: dist,
     filename: "[name].js"
@@ -15,9 +17,9 @@ module.exports = {
     contentBase: dist,
   },
   plugins: [
-    new HtmlWebpackPlugin({
-      template: "index.html"
-    }),
+    new CopyPlugin([
+      path.resolve(__dirname, "static")
+    ]),
 
     new WasmPackPlugin({
       crateDirectory: __dirname,
