@xfe-repo/mini-app 0.0.6 → 0.0.7

package/config/dev.ts

@@ -1,4 +1,6 @@
 import type { UserConfigExport } from "@tarojs/cli";
+import RoutesDefineWebpackPlugin from "@xfe-repo/routes-define-webpack-plugin";
+import { appProjectSrcPath } from ".";
 
 export default {
   env: {
@@ -8,6 +10,31 @@ export default {
     quiet: false,
     stats: true
   },
-  mini: {},
-  h5: {}
+  mini: {
+    webpackChain(chain) {
+      // 生成路由定义文件
+      chain.plugin('routesDefine').use(RoutesDefineWebpackPlugin, [
+        {
+          routePrefix: 'pages',
+          routeSuffix: 'index',
+          outputPath: appProjectSrcPath,
+        },
+      ])
+    },
+  },
+  h5: {
+    webpackChain(chain) {
+      // 生成路由定义文件
+      chain.plugin('routesDefine').use(RoutesDefineWebpackPlugin, [
+        {
+          routePrefix: 'pages',
+          routeSuffix: 'index',
+          outputPath: appProjectSrcPath,
+        },
+      ])
+    },
+    devServer: {
+      port: 9000,
+    }
+  },
 } satisfies UserConfigExport<'webpack5'>

package/config/index.ts

@@ -5,10 +5,12 @@ import devConfig from './dev'
 import prodConfig from './prod'
 
 // 获取APP_PROJECT_ROOT相对于当前文件的路径
-const appProjectRootRelPath = path.relative(path.join(__dirname, '..'), process.env.APP_PROJECT_ROOT || '')
+export const appProjectRootRelPath = path.relative(path.join(__dirname, '..'), process.env.APP_PROJECT_ROOT || '')
+export const appProjectSrcPath = path.join(appProjectRootRelPath, 'src')
+export const appProjectDistPath = path.join(appProjectRootRelPath, 'dist')
 
 // 获取API_ENV环境变量 此处注意 需要stringify为带引号的字符串 这样在webpack中才能正确解析
-const API_ENV = JSON.stringify(process.env.API_ENV || '')
+export const API_ENV = JSON.stringify(process.env.API_ENV || '')
 
 export default defineConfig<'webpack5'>(async (merge) => {
   const baseConfig: UserConfigExport<'webpack5'> = {
@@ -21,10 +23,10 @@ export default defineConfig<'webpack5'>(async (merge) => {
       375: 2,
       828: 1.81 / 2
     },
-    sourceRoot: path.join(appProjectRootRelPath, 'src'),
-    outputRoot: path.join(appProjectRootRelPath, 'dist'),
+    sourceRoot: appProjectSrcPath,
+    outputRoot: appProjectDistPath,
     env: {
-      API_ENV,
+      API_ENV
     },
     alias: {
       react: path.resolve(appProjectRootRelPath, './node_modules/react')
@@ -91,7 +93,7 @@ export default defineConfig<'webpack5'>(async (merge) => {
       appName: 'xfe-mini',
       postcss: {
         cssModules: {
-          enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
+          enable: true // 默认为 false，如需使用 css modules 功能，则设为 true
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/mini-app",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "bin": {
     "xfe-mini": "./bin/index.js"
   },
@@ -50,12 +50,16 @@
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "typescript": "^5.4.5",
     "webpack": "5.91.0",
-    "yaml": "^2.3.4"
+    "yaml": "^2.3.4",
+    "@xfe-repo/routes-define-webpack-plugin": "0.0.2"
   },
   "peerDependencies": {
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",