feat: copy docs to the dist

packages/demo/package.json

@@ -3,10 +3,9 @@
   "private": true,
   "version": "0.4.3",
   "scripts": {
-    "prebuild": "./scripts/preBuild.sh",
-    "start": "pnpm run prebuild && webpack serve --config webpack.dev.js --mode development",
-    "build": "pnpm run prebuild && parcel build public/index.html",
-    "build:e2e": "pnpm run prebuild && pnpm run build",
+    "start": "webpack serve --config webpack.dev.js --mode development",
+    "build": "webpack --config webpack.prod.js --mode=production",
+    "build:e2e": "pnpm run build",
     "dev": "pnpm run build",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "lint:fix": "pnpm run lint --fix",

packages/demo/webpack.config.js

@@ -1,5 +1,5 @@
 const HtmlWebpackPlugin = require("html-webpack-plugin");
-
+const CopyWebpackPlugin = require("copy-webpack-plugin");
 const path = require("path");
 
 module.exports = {
@@ -9,14 +9,14 @@ module.exports = {
     path: path.resolve(__dirname, "dist"),
   },
   plugins: [
-    // new CopyWebpackPlugin({
-    //   patterns: [
-    //     {
-    //       from: `${__dirname}/src/components/**/docs/*.+(ts|md)`,
-    //       to: path.resolve(__dirname, "./public/docs"),
-    //     },
-    //   ],
-    // }),
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: `${__dirname}/src/pages/**/docs/*.+(ts|md)`,
+          to: `./docs/[name][ext]`,
+        },
+      ],
+    }),
     new HtmlWebpackPlugin({
       template: "./public/index.html",
     }),

packages/demo/webpack.prod.js

@@ -0,0 +1,67 @@
+const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
+const { merge } = require("webpack-merge");
+
+const common = require("./webpack.config");
+
+module.exports = merge(common, {
+  mode: "production",
+  performance: {
+    hints: false,
+    maxEntrypointSize: 512000,
+    maxAssetSize: 512000,
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: true,
+        },
+        extractComments: false,
+      }),
+      new ImageMinimizerPlugin({
+        minimizer: {
+          implementation: ImageMinimizerPlugin.svgoMinify,
+          options: {
+            encodeOptions: {
+              multipass: true,
+              plugins: [
+                {
+                  name: "preset-default",
+                  params: {
+                    overrides: {
+                      removeViewBox: false,
+                    },
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }),
+      new ImageMinimizerPlugin({
+        minimizer: {
+          implementation: ImageMinimizerPlugin.sharpMinify,
+          options: {
+            encodeOptions: {
+              jpeg: {
+                quality: 100,
+              },
+              webp: {
+                lossless: true,
+              },
+              avif: {
+                lossless: true,
+              },
+              // by default 100% quality
+              png: {},
+              // by default 100% quality
+              gif: {},
+            },
+          },
+        },
+      }),
+    ],
+  },
+});