chore: fix webpack config

package.json

@@ -55,9 +55,11 @@
     "@types/node": "^9.6.0",
     "@types/selenium-webdriver": "^3.0.10",
     "@types/webpack": "^4.4.17",
+    "copy-webpack-plugin": "^4.5.4",
     "css-loader": "^1.0.0",
     "expect": "^23.6.0",
     "express": "^4.16.3",
+    "html-webpack-include-assets-plugin": "^1.0.6",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^1.1.1",
     "lynt": "^0.5.3",

test/automate/setup/index.ts

@@ -1,3 +1,5 @@
+import CopyWebpackPlugin from "copy-webpack-plugin"
+import HtmlWebpackIncludeAssetsPlugin from "html-webpack-include-assets-plugin"
 import HtmlWebpackPlugin from "html-webpack-plugin"
 import * as http from "http"
 import express = require("express")
@@ -7,14 +9,13 @@ import webpack from "webpack"
 class Server {
   private root = resolve(__dirname, "../../../")
   private outDir = resolve(__dirname, "_static")
-  private bundleName = "bundle.js"
   private server: http.Server = (null as any) as http.Server
   public async generateFiles() {
     const compiler = webpack({
       mode: "production",
-      entry: [resolve(this.root, "src/browser.ts"), resolve(this.root, "test/local/index.css")],
+      entry: resolve(this.root, "src/browser.ts"),
       output: {
-        filename: this.bundleName,
+        filename: "[name].js",
         path: this.outDir,
         library: "ScrollUtility",
         libraryTarget: "umd",
@@ -41,7 +42,11 @@ class Server {
       resolve: {
         extensions: [".ts", ".tsx", ".js"],
       },
-      plugins: [new HtmlWebpackPlugin({ template: resolve(this.root, "test/local/index.html") })],
+      plugins: [
+        new HtmlWebpackPlugin({ template: resolve(this.root, "test/local/index.html") }),
+        new CopyWebpackPlugin([resolve(this.root, "test/local/index.css")]),
+        new HtmlWebpackIncludeAssetsPlugin({ assets: ["./index.css"], append: false }),
+      ],
     })
     return new Promise<void>((s, r) => {
       compiler.run(err => {