feat: output bundle file.

Author: jaywcjlove

.kktrc.ts

@@ -7,42 +7,54 @@ import scopePluginOptions from '@kkt/scope-plugin-options';
 import pkg from './package.json';
 
 export default (conf: Configuration, env: 'development' | 'production', options: LoaderConfOptions) => {
-  conf = rawModules(conf, env, { ...options, test: /\.(txt|md)$/i });
-  conf = scopePluginOptions(conf, env, {
-    ...options,
-    allowedFiles: [path.resolve(process.cwd(), 'README.md'), path.resolve(process.cwd(), 'src')],
-  });
   conf = lessModules(conf, env, options);
-  // Get the project version.
-  conf.plugins!.push(
-    new webpack.DefinePlugin({
-      VERSION: JSON.stringify(pkg.version),
-    }),
-  );
-  if (env === 'production') {
-    conf.optimization = {
-      ...conf.optimization,
-      splitChunks: {
-        cacheGroups: {
-          reactvendor: {
-            test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
-            name: 'react-vendor',
-            chunks: 'all',
-          },
-          refractor: {
-            test: /[\\/]node_modules[\\/](refractor)[\\/]/,
-            name: 'refractor-vendor',
-            chunks: 'all',
-          },
-          codeexample: {
-            test: /[\\/]node_modules[\\/](code-example)[\\/]/,
-            name: 'code-example-vendor',
-            chunks: 'async',
-          },
-        },
+  if (options.bundle) {
+    conf.output!.library = '@uiw/react-textarea-code-editor';
+    conf.externals = {
+      react: {
+        root: 'React',
+        commonjs2: 'react',
+        commonjs: 'react',
+        amd: 'react',
       },
     };
-    conf.output = { ...conf.output, publicPath: './' };
+  } else {
+    conf = rawModules(conf, env, { ...options, test: /\.(txt|md)$/i });
+    conf = scopePluginOptions(conf, env, {
+      ...options,
+      allowedFiles: [path.resolve(process.cwd(), 'README.md'), path.resolve(process.cwd(), 'src')],
+    });
+    // Get the project version.
+    conf.plugins!.push(
+      new webpack.DefinePlugin({
+        VERSION: JSON.stringify(pkg.version),
+      }),
+    );
+    if (env === 'production') {
+      conf.optimization = {
+        ...conf.optimization,
+        splitChunks: {
+          cacheGroups: {
+            reactvendor: {
+              test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
+              name: 'react-vendor',
+              chunks: 'all',
+            },
+            refractor: {
+              test: /[\\/]node_modules[\\/](refractor)[\\/]/,
+              name: 'refractor-vendor',
+              chunks: 'all',
+            },
+            codeexample: {
+              test: /[\\/]node_modules[\\/](code-example)[\\/]/,
+              name: 'code-example-vendor',
+              chunks: 'async',
+            },
+          },
+        },
+      };
+      conf.output = { ...conf.output, publicPath: './' };
+    }
   }
   return conf;
 };

package.json

@@ -14,6 +14,8 @@
     "css:build": "compile-less -d src -o esm",
     "css:watch": "compile-less -d src -o esm --watch",
     "css:build:dist": "compile-less -d src --combine dist.css --rm-global",
+    "bundle": "ncc build src/index.tsx --target web --filename heat-map",
+    "bundle:min": "ncc build src/index.tsx --target web --filename heat-map --minify",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,css,md,json}\"",
     "test": "kkt test --env=jsdom --app-src=./website",
     "test:coverage": "kkt test --env=jsdom --coverage --app-src=./website --bail"
@@ -65,30 +67,31 @@
     "react-dom": ">=16.9.0"
   },
   "dependencies": {
-    "@babel/runtime": "7.16.7",
-    "@mapbox/rehype-prism": "0.8.0",
-    "rehype": "12.0.0"
+    "@babel/runtime": "~7.17.2",
+    "@mapbox/rehype-prism": "~0.8.0",
+    "rehype": "~12.0.1"
   },
   "devDependencies": {
-    "@kkt/less-modules": "7.0.7",
-    "@kkt/raw-modules": "7.0.7",
-    "@kkt/scope-plugin-options": "7.0.7",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.11",
-    "@types/react-test-renderer": "17.0.1",
-    "@uiw/react-github-corners": "1.5.3",
-    "@uiw/react-markdown-preview": "3.4.7",
-    "@uiw/react-loader": "4.10.3",
-    "code-example": "3.3.1",
-    "compile-less-cli": "1.8.11",
-    "husky": "7.0.4",
-    "kkt": "7.0.7",
-    "lint-staged": "12.3.3",
-    "prettier": "2.5.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-test-renderer": "17.0.2",
-    "tsbb": "3.5.5"
+    "@kkt/less-modules": "~7.1.1",
+    "@kkt/ncc": "~1.0.8",
+    "@kkt/raw-modules": "~7.1.1",
+    "@kkt/scope-plugin-options": "~7.1.1",
+    "@types/react": "~17.0.39",
+    "@types/react-dom": "~17.0.11",
+    "@types/react-test-renderer": "~17.0.1",
+    "@uiw/react-github-corners": "~1.5.3",
+    "@uiw/react-markdown-preview": "~3.4.7",
+    "@uiw/react-loader": "~4.12.2",
+    "code-example": "~3.3.1",
+    "compile-less-cli": "~1.8.11",
+    "husky": "~7.0.4",
+    "kkt": "~7.1.5",
+    "lint-staged": "~12.3.4",
+    "prettier": "~2.5.1",
+    "react": "~17.0.2",
+    "react-dom": "~17.0.2",
+    "react-test-renderer": "~17.0.2",
+    "tsbb": "~3.7.0"
   },
   "eslintConfig": {
     "extends": [

tsconfig.json

@@ -13,7 +13,6 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "declaration": true,
-    "baseUrl": "./website",
     "jsx": "react-jsx",
     "noFallthroughCasesInSwitch": true,
     "noUnusedLocals": true,
@@ -23,5 +22,5 @@
     "forceConsistentCasingInFileNames": true,
     "noEmit": true
   },
-  "include": ["src", "website", ".kktrc.ts", "react-app-env.d.ts"]
+  "include": ["src", "website", ".kktrc.ts"]
 }