feat: add plugin-mock-viewer to manage local mock data

packages/plugin-mock-viewer/CHANGELOG.md

@@ -0,0 +1,5 @@
+# Changelog
+
+## 1.0.0
+
+- The initial version of the plugin.

packages/plugin-mock-viewer/README.md

@@ -0,0 +1,24 @@
+# `plugin-mock-viewer`
+
+plugin for manage local mock data  in framework `ice`.
+
+## Usage
+
+```js
+import mockViewer from '@ice/plugin-mock-viewer';
+
+export default defineConfig({
+  plugins: [
+    mockViewer(
+      // port: 9006, // 可以自定义端口
+      // open: true, // 启动时打开mock数据管理页面
+      // debug: true, // 打印消息通信日志
+    )],
+});
+```
+
+## Options
+
+- port，可以自定义端口，默认9005
+- open，启动时打开mock数据管理页面，默认false
+- debug，打印消息通信日志，默认false

packages/plugin-mock-viewer/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@ice/plugin-mock-viewer",
+  "version": "1.0.0",
+  "description": "plugin for ice while manage local mock data",
+  "license": "MIT",
+  "type": "module",
+  "main": "./esm/index.js",
+  "types": "./esm/index.d.ts",
+  "files": [
+    "esm",
+    "!esm/**/*.map"
+  ],
+  "devDependencies": {
+    "@ice/app": "^3.0.0"
+  },
+  "repository": {
+    "type": "http",
+    "url": "https://github.com/alibaba/ice/tree/master/packages/plugin-mock-viewer"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "watch": "tsc -w",
+    "build": "tsc"
+  },
+  "dependencies": {
+    "webpack-mock-viewer": "^1.0.5"
+  }
+}

packages/plugin-mock-viewer/src/index.ts

@@ -0,0 +1,22 @@
+import type { Plugin } from '@ice/app/types';
+import type { WebpackMockViewerOptions } from 'webpack-mock-viewer';
+import WebpackMockViewer from 'webpack-mock-viewer';
+
+
+const mockViewer: Plugin<WebpackMockViewerOptions> = (options?: WebpackMockViewerOptions) => ({
+  // name 可选，插件名称
+  name: 'plugin-mock-viewer',
+  // setup 必选，用于定制工程构建配置
+  setup: ({ context, onGetConfig }) => {
+    onGetConfig((webpackConfig) => {
+      if (context.command === 'start') {
+        if (!webpackConfig.plugins) webpackConfig.plugins = [];
+        // 添加 webpack 插件
+        webpackConfig.plugins.push(new WebpackMockViewer(options));
+      }
+      return webpackConfig;
+    });
+  },
+});
+
+export default mockViewer;

packages/plugin-mock-viewer/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": "./",
+    "rootDir": "src",
+    "outDir": "esm"
+  },
+  "include": ["src"]
+}