Merge pull request #68 from easyops-cn/steve/fast

Update deps and enable Docusaurus faster

Author: weareoutman

babel.config.js

@@ -3,9 +3,7 @@
 
 const path = require("path");
 const { createHash } = require("crypto");
-const webpack = require("webpack");
 const _ = require("lodash");
-const CopyPlugin = require("copy-webpack-plugin");
 const MonacoEditorWebpackPlugin = require("monaco-editor-webpack-plugin");
 
 const originalFilePath = path.resolve(
@@ -109,6 +107,10 @@ const config = {
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
 
+  future: {
+    experimental_faster: true,
+  },
+
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".
@@ -234,7 +236,7 @@ const config = {
   plugins: [
     () => ({
       name: "docusaurus-next-runtime",
-      configureWebpack() {
+      configureWebpack(config, isServer, { currentBundler }) {
         const previewDir = path.join(
           require.resolve("@next-core/preview/package.json"),
           "../dist"
@@ -252,18 +254,10 @@ const config = {
                 test: /\.yaml/,
                 type: "asset/source",
               },
-              {
-                // This file contains static initialization blocks which are not supported until Chrome 94
-                test: /[\\/]node_modules[\\/]monaco-editor[\\/]esm[\\/]vs[\\/]language[\\/]typescript[\\/]tsMode\.js$/,
-                loader: "babel-loader",
-                options: {
-                  rootMode: "upward",
-                },
-              },
             ],
           },
           plugins: [
-            new CopyPlugin({
+            new currentBundler.instance.CopyRspackPlugin({
               patterns: [
                 {
                   from: previewDir,
@@ -309,7 +303,7 @@ const config = {
               ],
               filename: `workers/[name].[contenthash:8].worker.js`,
             }),
-            new webpack.NormalModuleReplacementPlugin(
+            new currentBundler.instance.NormalModuleReplacementPlugin(
               new RegExp(`^${_.escapeRegExp(originalFilePath)}$`),
               // Refactor without 'd' flag of RegExp
               path.resolve(__dirname, "src/replaces/findSectionHeaders.js")

docusaurus.config.js

@@ -1,7 +1,13 @@
 {
-  "extends": "./tsconfig.json",
+  // This file is not used in compilation. It is here just for a nice editor experience.
+  "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
-    "moduleResolution": "Node"
+    "baseUrl": ".",
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strictNullChecks": false
   },
-  "include": ["**/*.js"]
+  "include": ["**/*.js"],
+  "exclude": ["node_modules", "build"]
 }

jsconfig.json

@@ -39,12 +39,12 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
+    "@docusaurus/faster": "^3.7.0",
     "@docusaurus/module-type-aliases": "3.7.0",
     "@docusaurus/tsconfig": "3.7.0",
     "@docusaurus/types": "3.7.0",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
-    "copy-webpack-plugin": "^11.0.0",
     "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-react": "^7.32.2",