create-swdg-frontend 0.1.6 → 0.2.0

package/template/vite.config.ts

@@ -1,75 +1,89 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import AutoImport from 'unplugin-auto-import/vite';
-import Components from 'unplugin-vue-components/vite';
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
-import copyPlugin from 'rollup-plugin-copy';
-import path from 'path';
-import postCssPxToRem from 'postcss-pxtorem';
-
-const rootValue = 192;
-
-export default defineConfig({
-  base: './',
-  build: {
-    sourcemap: true,
-    emptyOutDir: false,
-    rollupOptions: {
-      plugins: [
-        copyPlugin({
-          targets: [{ src: 'src/assets/**/*', dest: 'dist/assets' }],
-        }),
-      ],
-    },
-    outDir: 'dist',
-    assetsDir: 'assets',
-  },
-  plugins: [
-    vue(),
-    AutoImport({
-      resolvers: [ElementPlusResolver()],
-    }),
-    Components({
-      resolvers: [ElementPlusResolver()],
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
-      '@assets': path.resolve(__dirname, './src/assets'),
-      '@style': path.resolve(__dirname, './src/styles'),
-      '@stores': path.resolve(__dirname, './src/stores'),
-      '@components': path.resolve(__dirname, './src/components'),
-      '@utils': path.resolve(__dirname, './src/utils'),
-      '@api': path.resolve(__dirname, './src/api'),
-      '@types': path.resolve(__dirname, './types'),
-      '@views': path.resolve(__dirname, './src/views'),
-      '@composables': path.resolve(__dirname, './src/utils/composables'),
-      '@router': path.resolve(__dirname, './src/router'),
-      '@directive': path.resolve(__dirname, './src/directive'),
-      '@layout': path.resolve(__dirname, './src/layout'),
-      '@interface': path.resolve(__dirname, './interface'),
-    },
-  },
-  css: {
-    preprocessorOptions: {
-      less: {
-        javascriptEnabled: true,
-      },
-    },
-    postcss: {
-      plugins: [
-        postCssPxToRem({
-          rootValue: rootValue,
-          propList: ['*'],
-          selectorBlackList: ['.norem'],
-        }),
-      ],
-    },
-  },
-  server: {
-    host: '0.0.0.0',
-    port: 3000,
-    open: true,
-  },
-});
+import { defineConfig, loadEnv } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+import copyPlugin from 'rollup-plugin-copy';
+import path from 'path';
+import { cesiumDevAssets } from './scripts/vite-plugin-cesium-dev';
+
+const cesiumSource = 'node_modules/cesium/Build/Cesium';
+/** 与 define.CESIUM_BASE_URL 一致，构建产物位于 dist/cesium/ */
+const cesiumBaseUrl = 'cesium';
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  const isDev = mode === 'development';
+  // 开发：绝对路径 + 中间件挂载；生产：相对路径配合 base: './'
+  const cesiumBase = isDev ? `/${cesiumBaseUrl}/` : `./${cesiumBaseUrl}/`;
+
+  return {
+    base: './',
+    define: {
+      CESIUM_BASE_URL: JSON.stringify(cesiumBase),
+    },
+    build: {
+      sourcemap: true,
+      emptyOutDir: false,
+      rollupOptions: {
+        plugins: [
+          copyPlugin({
+            targets: [{ src: 'src/assets/**/*', dest: 'dist/assets' }],
+          }),
+        ],
+      },
+      outDir: 'dist',
+      assetsDir: 'assets',
+    },
+    plugins: [
+      vue(),
+      isDev ? cesiumDevAssets(`/${cesiumBaseUrl}`) : null,
+      viteStaticCopy({
+        targets: [
+          { src: `${cesiumSource}/ThirdParty`, dest: cesiumBaseUrl },
+          { src: `${cesiumSource}/Workers`, dest: cesiumBaseUrl },
+          { src: `${cesiumSource}/Assets`, dest: cesiumBaseUrl },
+          { src: `${cesiumSource}/Widgets`, dest: cesiumBaseUrl },
+        ],
+      }),
+      AutoImport({}),
+      Components({}),
+    ].filter(Boolean),
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+        '@assets': path.resolve(__dirname, './src/assets'),
+        '@style': path.resolve(__dirname, './src/styles'),
+        '@stores': path.resolve(__dirname, './src/stores'),
+        '@components': path.resolve(__dirname, './src/components'),
+        '@utils': path.resolve(__dirname, './src/utils'),
+        '@api': path.resolve(__dirname, './src/api'),
+        '@types': path.resolve(__dirname, './types'),
+        '@views': path.resolve(__dirname, './src/views'),
+        '@composables': path.resolve(__dirname, './src/utils/composables'),
+        '@router': path.resolve(__dirname, './src/router'),
+        '@directive': path.resolve(__dirname, './src/directive'),
+        '@layout': path.resolve(__dirname, './src/layout'),
+        '@interface': path.resolve(__dirname, './interface'),
+      },
+    },
+    css: {
+      preprocessorOptions: {
+        less: {
+          javascriptEnabled: true,
+        },
+      },
+    },
+    server: {
+      host: '0.0.0.0',
+      port: 3000,
+      open: true,
+      proxy: {
+        '/demo': {
+          target: env.VITE_DEMO_PROXY_TARGET,
+          changeOrigin: true,
+        },
+      },
+    },
+  };
+});

package/template/vitest.config.ts

@@ -1,9 +1,22 @@
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['./tests/setup.ts'],
-  },
-});
+import vue from '@vitejs/plugin-vue';
+import path from 'node:path';
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+      '@composables': path.resolve(__dirname, './src/utils/composables'),
+      '@stores': path.resolve(__dirname, './src/stores'),
+      '@components': path.resolve(__dirname, './src/components'),
+      '@utils': path.resolve(__dirname, './src/utils'),
+    },
+  },
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./tests/setup.ts'],
+    include: ['tests/unit/**/*.test.ts'],
+  },
+});