style: 格式化文件

kangood · Feb 18, 2024 · 22a8568 · 22a8568
1 parent ec7908c
commit 22a8568
Show file tree

Hide file tree

Showing 4 changed files with 108 additions and 138 deletions.
diff --git a/commitlint.config.js b/commitlint.config.js
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,8 +1,8 @@
 export default {
-  plugins: {
-    'postcss-import': {},
-    'tailwindcss/nesting': 'postcss-nesting',
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+    plugins: {
+        'postcss-import': {},
+        'tailwindcss/nesting': 'postcss-nesting',
+        tailwindcss: {},
+        autoprefixer: {},
+    },
 };
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,58 +1,58 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  // 使用 "class" 模式时，Tailwind 会将 "dark" 类添加到根元素（通常是 <body> 元素）上，以指示页面当前处于深色模式
-  darkMode: 'class',
-  // 通过配置 content，Tailwind CSS 将会检索和构建包含需要的 CSS 样式的文件，并生成最终的 CSS 输出文件
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
-  theme: {
-    screens: {
-      xs: '480px',
-      sm: '576px',
-      md: '768px',
-      lg: '992px',
-      xl: '1200px',
-      '2xl': '1600px',
-    },
-    colors: {
-      black: '#000000',
-      green: '#00A76F',
-      blue: '#1fb6ff',
-      purple: '#7e5bef',
-      pink: '#ff49db',
-      orange: '#ff7849',
-      yellow: '#ffc82c',
-      gray: '#637381',
-      hover: '#63738114',
+    // 使用 "class" 模式时，Tailwind 会将 "dark" 类添加到根元素（通常是 <body> 元素）上，以指示页面当前处于深色模式
+    darkMode: 'class',
+    // 通过配置 content，Tailwind CSS 将会检索和构建包含需要的 CSS 样式的文件，并生成最终的 CSS 输出文件
+    content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+    theme: {
+        screens: {
+            xs: '480px',
+            sm: '576px',
+            md: '768px',
+            lg: '992px',
+            xl: '1200px',
+            '2xl': '1600px',
+        },
+        colors: {
+            black: '#000000',
+            green: '#00A76F',
+            blue: '#1fb6ff',
+            purple: '#7e5bef',
+            pink: '#ff49db',
+            orange: '#ff7849',
+            yellow: '#ffc82c',
+            gray: '#637381',
+            hover: '#63738114',
 
-      success: '#22c55e',
-      warning: '#ff7849',
-      error: '#ff5630',
-      info: '#00b8d9',
+            success: '#22c55e',
+            warning: '#ff7849',
+            error: '#ff5630',
+            info: '#00b8d9',
 
-      code: '#d63384',
+            code: '#d63384',
 
-      'gray-100': '#F9FAFB',
-      'gray-200': '#F4F6F8',
-      'gray-300': '#DFE3E8',
-      'gray-400': '#C4CDD5',
-      'gray-500': '#F9FAFB',
-      'gray-600': '#637381',
-      'gray-700': '#454F5B',
-      'gray-800': '#212B36',
-      'gray-900': '#161C24',
+            'gray-100': '#F9FAFB',
+            'gray-200': '#F4F6F8',
+            'gray-300': '#DFE3E8',
+            'gray-400': '#C4CDD5',
+            'gray-500': '#F9FAFB',
+            'gray-600': '#637381',
+            'gray-700': '#454F5B',
+            'gray-800': '#212B36',
+            'gray-900': '#161C24',
+        },
+        extend: {
+            transitionProperty: {
+                height: 'height',
+            },
+            animation: {
+                'spin-slow': 'spin 8s linear infinite',
+            },
+        },
     },
-    extend: {
-      transitionProperty: {
-        height: 'height',
-      },
-      animation: {
-        'spin-slow': 'spin 8s linear infinite',
-      },
+    corePlugins: {
+        // Remove the Tailwind CSS preflight styles so it can use custom base style (src/theme/base.css)
+        preflight: false, // https://tailwindcss.com/docs/preflight#disabling-preflight
     },
-  },
-  corePlugins: {
-    // Remove the Tailwind CSS preflight styles so it can use custom base style (src/theme/base.css)
-    preflight: false, // https://tailwindcss.com/docs/preflight#disabling-preflight
-  },
-  plugins: [],
+    plugins: [],
 };
diff --git a/vite.config.ts b/vite.config.ts
@@ -8,58 +8,58 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: './',
-  esbuild: {
-    // drop: ['console', 'debugger'],
-  },
-  css: {
-    // 开css sourcemap方便找css
-    devSourcemap: true,
-  },
-  plugins: [
-    react(),
-    // 同步tsconfig.json的path设置alias
-    tsconfigPaths(),
-    createSvgIconsPlugin({
-      // 指定需要缓存的图标文件夹
-      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
-      // 指定symbolId格式
-      symbolId: 'icon-[dir]-[name]',
-    }),
-    visualizer({
-      open: false,
-    }),
-  ],
-  server: {
-    host: true,
-    port: 7442,
-    proxy: {
-      '/api': {
-        target: 'http://127.0.0.1:7441',
-        changeOrigin: true,
-      },
+    base: './',
+    esbuild: {
+        // drop: ['console', 'debugger'],
     },
-  },
-  build: {
-    target: 'esnext',
-    minify: 'terser',
-    // rollupOptions: {
-    //   output: {
-    //     manualChunks(id) {
-    //       if (id.includes('node_modules')) {
-    //         // 让每个插件都打包成独立的文件
-    //         return id.toString().split('node_modules/')[1].split('/')[0].toString();
-    //       }
-    //       return null;
-    //     },
-    //   },
-    // },
-    terserOptions: {
-      compress: {
-        // 生产环境移除console
-        drop_console: true,
-        drop_debugger: true,
-      },
+    css: {
+        // 开css sourcemap方便找css
+        devSourcemap: true,
+    },
+    plugins: [
+        react(),
+        // 同步tsconfig.json的path设置alias
+        tsconfigPaths(),
+        createSvgIconsPlugin({
+            // 指定需要缓存的图标文件夹
+            iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
+            // 指定symbolId格式
+            symbolId: 'icon-[dir]-[name]',
+        }),
+        visualizer({
+            open: false,
+        }),
+    ],
+    server: {
+        host: true,
+        port: 7442,
+        proxy: {
+            '/api': {
+                target: 'http://127.0.0.1:7441',
+                changeOrigin: true,
+            },
+        },
+    },
+    build: {
+        target: 'esnext',
+        minify: 'terser',
+        // rollupOptions: {
+        //   output: {
+        //     manualChunks(id) {
+        //       if (id.includes('node_modules')) {
+        //         // 让每个插件都打包成独立的文件
+        //         return id.toString().split('node_modules/')[1].split('/')[0].toString();
+        //       }
+        //       return null;
+        //     },
+        //   },
+        // },
+        terserOptions: {
+            compress: {
+                // 生产环境移除console
+                drop_console: true,
+                drop_debugger: true,
+            },
+        },
     },
-  },
 });