build(npm): add babel and postcss webpack rules

static/webpack.config.ts

@@ -9,26 +9,26 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const config: webpack.Configuration = {
+  target: ["web", "es6"],
   entry: ["./src/index.ts", "./src/main.scss"],
   module: {
     rules: [
       { test: /\.svg$/, use: ["file-loader"] },
       {
         test: /\.tsx?$/,
-        use: {
-          loader: "ts-loader",
-        },
+        use: [{ loader: "babel-loader" }, { loader: "ts-loader" }],
         exclude: /node_modules/,
       },
       {
         test: /\.s[ac]ss$/i,
         use: [
           MiniCssExtractPlugin.loader,
-          { loader: "css-loader", options: { sourceMap: true, url: false } },
+          { loader: "css-loader", options: { sourceMap: false, url: false } },
+          { loader: "postcss-loader", options: { sourceMap: false } },
           {
             loader: "sass-loader",
             options: {
-              sourceMap: true,
+              sourceMap: false,
               sassOptions: { quietDeps: true, silenceDeprecations: ["color-functions", "global-builtin", "import"] },
             },
           },