format project

__tests__/index.test.js

@@ -1,12 +0,0 @@
-import TestUtils from '@tarojs/test-utils-react'
-
-describe('Testing', () => {
-
-  test('Test', async () => {
-    const testUtils = new TestUtils()
-    await testUtils.createApp()
-    await testUtils.PageLifecycle.onShow('pages/index/index')
-    expect(testUtils.html()).toMatchSnapshot()
-  })
-
-})

babel.config.js

@@ -2,9 +2,12 @@
 // https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
 module.exports = {
   presets: [
-    ['taro', {
+    [
+      'taro',
+      {
         framework: 'react',
-      ts: true
+        ts: true,
-    }]
+      },
-  ]
+    ],
-}
+  ],
+};

config/dev.ts

@@ -1,9 +1,10 @@
-import type { UserConfigExport } from "@tarojs/cli";
+import type { UserConfigExport } from '@tarojs/cli';
+
 export default {
   logger: {
     quiet: false,
-    stats: true
+    stats: true,
   },
   mini: {},
-  h5: {}
+  h5: {},
-} satisfies UserConfigExport
+} satisfies UserConfigExport;

config/index.ts

@@ -1,7 +1,7 @@
-import { defineConfig, type UserConfigExport } from '@tarojs/cli'
+import { defineConfig, type UserConfigExport } from '@tarojs/cli';
-import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
-import devConfig from './dev'
+import devConfig from './dev';
-import prodConfig from './prod'
+import prodConfig from './prod';
 
 // https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
 export default defineConfig(async (merge, { command, mode }) => {
@@ -13,54 +13,49 @@ export default defineConfig(async (merge, { command, mode }) => {
       640: 2.34 / 2,
       750: 1,
       375: 2,
-      828: 1.81 / 2
+      828: 1.81 / 2,
     },
     sourceRoot: 'src',
     outputRoot: 'dist',
     plugins: [],
-    defineConstants: {
+    defineConstants: {},
-    },
     copy: {
-      patterns: [
+      patterns: [],
-      ],
+      options: {},
-      options: {
-      }
     },
     framework: 'react',
     compiler: {
       type: 'webpack5',
       prebundle: {
-        exclude: ['taro-ui']
+        exclude: ['taro-ui'],
-      }
+      },
     },
     cache: {
-      enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+      enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
     },
     mini: {
       postcss: {
         pxtransform: {
           enable: true,
-          config: {
+          config: {},
-
-          }
         },
         url: {
           enable: true,
           config: {
-            limit: 1024 // 设定转换尺寸上限
+            limit: 1024, // 设定转换尺寸上限
-          }
+          },
         },
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
           config: {
             namingPattern: 'module', // 转换模式，取值为 global/module
-            generateScopedName: '[name]__[local]___[hash:base64:5]'
+            generateScopedName: '[name]__[local]___[hash:base64:5]',
-          }
+          },
-        }
+        },
       },
       webpackChain(chain) {
-        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
-      }
+      },
     },
     h5: {
       esnextModules: ['taro-ui'],
@@ -68,43 +63,43 @@ export default defineConfig(async (merge, { command, mode }) => {
       staticDirectory: 'static',
       output: {
         filename: 'js/[name].[hash:8].js',
-        chunkFilename: 'js/[name].[chunkhash:8].js'
+        chunkFilename: 'js/[name].[chunkhash:8].js',
       },
       miniCssExtractPluginOption: {
         ignoreOrder: true,
         filename: 'css/[name].[hash].css',
-        chunkFilename: 'css/[name].[chunkhash].css'
+        chunkFilename: 'css/[name].[chunkhash].css',
       },
       postcss: {
         autoprefixer: {
           enable: true,
-          config: {}
+          config: {},
         },
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
           config: {
             namingPattern: 'module', // 转换模式，取值为 global/module
-            generateScopedName: '[name]__[local]___[hash:base64:5]'
+            generateScopedName: '[name]__[local]___[hash:base64:5]',
-          }
+          },
-        }
+        },
       },
       webpackChain(chain) {
-        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
-      }
+      },
     },
     rn: {
       appName: 'taroDemo',
       postcss: {
         cssModules: {
           enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
-        }
+        },
-      }
+      },
-    }
+    },
-  }
+  };
   if (process.env.NODE_ENV === 'development') {
     // 本地开发构建配置（不混淆压缩）
-    return merge({}, baseConfig, devConfig)
+    return merge({}, baseConfig, devConfig);
   }
   // 生产构建配置（默认开启压缩混淆等）
-  return merge({}, baseConfig, prodConfig)
+  return merge({}, baseConfig, prodConfig);
-})
+});

config/prod.ts

@@ -1,4 +1,5 @@
-import type { UserConfigExport } from "@tarojs/cli";
+import type { UserConfigExport } from '@tarojs/cli';
+
 export default {
   mini: {},
   h5: {
@@ -28,5 +29,5 @@ export default {
     //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
     //     }))
     // }
-  }
+  },
-} satisfies UserConfigExport
+} satisfies UserConfigExport;

jest.config.ts

@@ -1,6 +0,0 @@
-const defineJestConfig = require('@tarojs/test-utils-react/dist/jest.js').default
-
-module.exports = defineJestConfig({
-  testEnvironment: 'jsdom',
-  testMatch: ['<rootDir>/__tests__/**/*.(spec|test).[jt]s?(x)']
-})

src/custom-tab-bar/index.scss

@@ -1,3 +1,3 @@
-@import "~taro-ui/dist/style/components/tab-bar.scss";
+@import '~taro-ui/dist/style/components/tab-bar.scss';
-@import "~taro-ui/dist/style/components/badge.scss";
+@import '~taro-ui/dist/style/components/badge.scss';
-@import "~taro-ui/dist/style/components/icon.scss";
+@import '~taro-ui/dist/style/components/icon.scss';

src/index.html

@@ -1,17 +1,22 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
-<head>
+  <head>
-  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
-  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+    <meta
-  <meta name="apple-mobile-web-app-capable" content="yes">
+      content="width=device-width,initial-scale=1,user-scalable=no"
-  <meta name="apple-touch-fullscreen" content="yes">
+      name="viewport"
-  <meta name="format-detection" content="telephone=no,address=no">
+    />
-  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+    <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+    <meta name="apple-touch-fullscreen" content="yes" />
+    <meta name="format-detection" content="telephone=no,address=no" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <title>EVA-Notify</title>
-  <script><%= htmlWebpackPlugin.options.script %></script>
+    <script>
-</head>
+      <%= htmlWebpackPlugin.options.script %>
-<body>
+    </script>
+  </head>
+  <body>
     <div id="app"></div>
-</body>
+  </body>
 </html>

tsconfig.json

@@ -17,12 +17,10 @@
     "jsx": "react-jsx",
     "allowJs": true,
     "resolveJsonModule": true,
-    "typeRoots": [
+    "typeRoots": ["node_modules/@types"],
-      "node_modules/@types"
-    ],
     "paths": {
       "@/*": ["./src/*"]
-    },
+    }
   },
   "include": ["./src", "./types", "./config"],
   "compileOnSave": false

types/global.d.ts

@@ -14,16 +14,24 @@ declare module '*.styl';
 declare namespace NodeJS {
   interface ProcessEnv {
     /** NODE 内置环境变量, 会影响到最终构建生成产物 */
-    NODE_ENV: 'development' | 'production',
+    NODE_ENV: 'development' | 'production';
     /** 当前构建的平台 */
-    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
+    TARO_ENV:
+      | 'weapp'
+      | 'swan'
+      | 'alipay'
+      | 'h5'
+      | 'rn'
+      | 'tt'
+      | 'quickapp'
+      | 'qq'
+      | 'jd';
     /**
      * 当前构建的小程序 appid
-     * @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid， 而不必手动去修改 dist/project.config.json 文件
+     * @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换
+     * appid， 而不必手动去修改 dist/project.config.json 文件
      * @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
      */
-    TARO_APP_ID: string
+    TARO_APP_ID: string;
   }
 }
-
-