import { defineConfig } from 'weapp-vite'
import { VantResolver } from 'weapp-vite/auto-import-components/resolvers'

export default defineConfig({
  weapp: {
    srcRoot: 'src',
    tailwindcss: {
      rem2rpx: true,
      cssEntries: ['src/app.css'],
    },
    typescript: {
      app: {
        compilerOptions: {
          paths: {
            '@vant/weapp/*': ['./node_modules/@vant/weapp/dist/*'],
          },
        },
      },
    },
    autoImportComponents: {
      resolvers: [VantResolver()],
    },
    // pnpm g 生成的格式
    // https://vite.weapp.dev/guide/generate.html
    generate: {
      extensions: {
        js: 'ts',
        wxss: 'scss',
      },
      dirs: {
        component: 'src/components',
        page: 'src/pages',
      },
      // 假如你想让默认生成的组件命名为 HelloWorld/index 而不是 HelloWorld/HelloWorld 可以下列选项
      // filenames: {
      //   component: 'index',
      //   page: 'index',
      // },
    },
    hmr: {
      runtime: "classic"
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        silenceDeprecations: ['legacy-js-api', 'import'],
      },
    },
  },
})