feat: output bundle file.

Author: jaywcjlove

.kktrc.ts

@@ -1,43 +1,55 @@
 import path from 'path';
-import webpack, { Configuration } from 'webpack';
-import { LoaderConfOptions } from 'kkt';
+import webpack from 'webpack';
+import { LoaderConfOptions, WebpackConfiguration } from 'kkt';
 import lessModules from '@kkt/less-modules';
 import rawModules from '@kkt/raw-modules';
 import scopePluginOptions from '@kkt/scope-plugin-options';
 import pkg from './package.json';
 
-export default (conf: Configuration, env: string, options: LoaderConfOptions) => {
-  conf = rawModules(conf, env, { ...options });
+export default (conf: WebpackConfiguration, env: 'production' | 'development', options: LoaderConfOptions) => {
   conf = lessModules(conf, env, options);
-  conf = scopePluginOptions(conf, env, {
-    ...options,
-    allowedFiles: [path.resolve(process.cwd(), 'README.md')],
-  });
-  // Get the project version.
-  conf.plugins!.push(
-    new webpack.DefinePlugin({
-      VERSION: JSON.stringify(pkg.version),
-    }),
-  );
-  if (env === 'production') {
-    conf.output = { ...conf.output, publicPath: './' };
-    conf.optimization = {
-      ...conf.optimization,
-      splitChunks: {
-        cacheGroups: {
-          reactvendor: {
-            test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
-            name: 'react-vendor',
-            chunks: 'all',
-          },
-          prismjs: {
-            test: /[\\/]node_modules[\\/](refractor)[\\/]/,
-            name: 'refractor-vendor',
-            chunks: 'all',
-          },
-        },
+  if (options.bundle) {
+    conf.output!.library = '@uiw/react-markdown-preview';
+    conf.externals = {
+      react: {
+        root: 'React',
+        commonjs2: 'react',
+        commonjs: 'react',
+        amd: 'react',
       },
     };
+  } else {
+    conf = rawModules(conf, env, { ...options });
+    conf = scopePluginOptions(conf, env, {
+      ...options,
+      allowedFiles: [path.resolve(process.cwd(), 'README.md')],
+    });
+    // Get the project version.
+    conf.plugins!.push(
+      new webpack.DefinePlugin({
+        VERSION: JSON.stringify(pkg.version),
+      }),
+    );
+    if (env === 'production') {
+      conf.output = { ...conf.output, publicPath: './' };
+      conf.optimization = {
+        ...conf.optimization,
+        splitChunks: {
+          cacheGroups: {
+            reactvendor: {
+              test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
+              name: 'react-vendor',
+              chunks: 'all',
+            },
+            prismjs: {
+              test: /[\\/]node_modules[\\/](refractor)[\\/]/,
+              name: 'refractor-vendor',
+              chunks: 'all',
+            },
+          },
+        },
+      };
+    }
   }
 
   return conf;

package.json

@@ -12,6 +12,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 markdown.css --rm-global",
+    "bundle": "ncc build src/index.tsx --target web --filename markdown",
+    "bundle:min": "ncc build src/index.tsx --target web --filename markdown --minify",
     "watch": "tsbb watch & npm run css:watch",
     "build": "tsbb build && npm run css:build && npm run css:build:dist",
     "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
@@ -26,6 +28,7 @@
   "author": "kenny wang <[email protected]>",
   "license": "MIT",
   "files": [
+    "dist",
     "lib",
     "esm",
     "markdown.css",
@@ -38,6 +41,10 @@
     "react-markdown"
   ],
   "jest": {
+    "coverageReporters": [
+      "lcov",
+      "json-summary"
+    ],
     "transformIgnorePatterns": [
       "<rootDir>/node_modules/?!(.*)"
     ]
@@ -47,37 +54,38 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@babel/runtime": "7.16.7",
-    "@mapbox/rehype-prism": "0.8.0",
-    "@uiw/copy-to-clipboard": "1.0.12",
-    "react-markdown": "7.1.2",
-    "rehype-attr": "2.0.7",
-    "rehype-autolink-headings": "6.1.1",
-    "rehype-raw": "6.1.1",
-    "rehype-rewrite": "3.0.4",
-    "rehype-slug": "5.0.1",
-    "remark-gfm": "3.0.1"
+    "@babel/runtime": "^7.17.2",
+    "@mapbox/rehype-prism": "~0.8.0",
+    "@uiw/copy-to-clipboard": "~1.0.12",
+    "react-markdown": "~8.0.0",
+    "rehype-attr": "~2.0.7",
+    "rehype-autolink-headings": "~6.1.1",
+    "rehype-raw": "~6.1.1",
+    "rehype-rewrite": "~3.0.4",
+    "rehype-slug": "~5.0.1",
+    "remark-gfm": "~3.0.1"
   },
   "devDependencies": {
-    "@kkt/less-modules": "7.0.5",
-    "@kkt/raw-modules": "7.0.5",
-    "@kkt/scope-plugin-options": "7.0.5",
-    "@types/react": "17.0.38",
-    "@types/react-dom": "17.0.11",
-    "@types/react-test-renderer": "17.0.1",
-    "@uiw/react-codesandbox": "1.1.4",
-    "@uiw/react-github-corners": "1.5.3",
-    "@uiw/react-shields": "1.1.2",
-    "@uiw/reset.css": "1.0.5",
-    "compile-less-cli": "1.8.11",
-    "husky": "7.0.4",
-    "kkt": "7.0.5",
-    "prettier": "2.5.1",
-    "pretty-quick": "3.1.3",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-test-renderer": "17.0.2",
-    "tsbb": "3.5.4"
+    "@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-codesandbox": "~1.1.4",
+    "@uiw/react-github-corners": "~1.5.3",
+    "@uiw/react-shields": "~1.1.2",
+    "@uiw/reset.css": "~1.0.5",
+    "compile-less-cli": "~1.8.11",
+    "husky": "~7.0.4",
+    "kkt": "~7.1.5",
+    "prettier": "~2.5.1",
+    "pretty-quick": "~3.1.3",
+    "react": "~17.0.2",
+    "react-dom": "~17.0.2",
+    "react-test-renderer": "~17.0.2",
+    "tsbb": "~3.7.0"
   },
   "eslintConfig": {
     "extends": "react-app"

tsconfig.json

@@ -13,7 +13,6 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "declaration": true,
-    "baseUrl": "website",
     "jsx": "react-jsx",
     "noFallthroughCasesInSwitch": true,
     "noEmit": true