feature: 添加mock

.eslintrc.js

@@ -13,9 +13,9 @@ module.exports = {
 		node: true,
 	},
 	extends: [
-		'standard',
 		'plugin:vue/vue3-recommended',
 		'plugin:@typescript-eslint/recommended',
+		'prettier',
 		'plugin:prettier/recommended',
 	],
 	parser: 'vue-eslint-parser',
@@ -46,5 +46,19 @@ module.exports = {
 				order: ['template', 'script', 'style'],
 			},
 		],
+		'@typescript-eslint/no-unused-vars': [
+			'error',
+			{
+				argsIgnorePattern: '^_',
+				varsIgnorePattern: '^_',
+			},
+		],
+		'no-unused-vars': [
+			'error',
+			{
+				argsIgnorePattern: '^_',
+				varsIgnorePattern: '^_',
+			},
+		],
 	},
 }

build/vite/plugin/index.ts

@@ -10,10 +10,12 @@ import { configThemePlugin } from './theme'
 import { configSvgPlugin } from './svg'
 // 压缩
 import { configCompressPlugin } from './compress'
+// mock
+import { configMockPlugin } from './mock'
 
 // import viteESLint from '@ehutch79/vite-eslint'
 
-export function createVitePlugins() {
+export function createVitePlugins(isBuild = false) {
 	const vitePlugins: (Plugin | Plugin[])[] = [vue()]
 	vitePlugins.push(configStylePlugin())
 
@@ -23,6 +25,8 @@ export function createVitePlugins() {
 
 	vitePlugins.push(configCompressPlugin('gzip', true))
 
+	vitePlugins.push(configMockPlugin(isBuild))
+
 	// vitePlugins.push(viteESLint())
 	return vitePlugins
 }

build/vite/plugin/mock.ts

@@ -0,0 +1,19 @@
+/**
+ * Mock plugin for development and production.
+ * https://github.com/anncwb/vite-plugin-mock
+ */
+import { viteMockServe } from 'vite-plugin-mock'
+
+export function configMockPlugin(isBuild: boolean) {
+	return viteMockServe({
+		ignore: /^\_/,
+		mockPath: 'mock',
+		localEnabled: !isBuild,
+		prodEnabled: isBuild,
+		injectCode: `
+      import { setupProdMockServer } from '../mock/_createProductionServer';
+
+      setupProdMockServer();
+      `,
+	})
+}

mock/_createProductionServer.ts

@@ -0,0 +1,15 @@
+import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'
+
+const modules = import.meta.globEager('./**/*.ts')
+
+const mockModules: any[] = []
+Object.keys(modules).forEach((key) => {
+	if (key.includes('/_')) {
+		return
+	}
+	mockModules.push(...modules[key].default)
+})
+
+export function setupProdMockServer() {
+	createProdMockServer(mockModules)
+}

mock/demo/account.ts

@@ -0,0 +1,53 @@
+import { MockMethod } from 'vite-plugin-mock'
+
+const userInfo = {
+	name: 'Vben',
+	userid: '00000001',
+	email: 'test@gmail.com',
+	signature: '海纳百川，有容乃大',
+	introduction: '微笑着，努力着，欣赏着',
+	title: '交互专家',
+	group: '某某某事业群－某某平台部－某某技术部－UED',
+	tags: [
+		{
+			key: '0',
+			label: '很有想法的',
+		},
+		{
+			key: '1',
+			label: '专注设计',
+		},
+		{
+			key: '2',
+			label: '辣~',
+		},
+		{
+			key: '3',
+			label: '大长腿',
+		},
+		{
+			key: '4',
+			label: '川妹子',
+		},
+		{
+			key: '5',
+			label: '海纳百川',
+		},
+	],
+	notifyCount: 12,
+	unreadCount: 11,
+	country: 'China',
+	address: 'Xiamen City 77',
+	phone: '0592-268888888',
+}
+
+export default [
+	{
+		url: '/mock_api/getUserInfo',
+		timeout: 1000,
+		method: 'get',
+		response: () => {
+			return userInfo
+		},
+	},
+] as MockMethod[]