import { defineConfig } from 'umi'
import pxToViewport from 'postcss-px-to-viewport'
const vw = pxToViewport({
  viewportWidth: 375,
})
export default defineConfig({
  nodeModulesTransform: {
    type: 'none',
  },
  routes: [
    { path: '/', exact: true, redirect: '/home' },
    {
      path: '/home',
      component: 'layout',
      routes: [
        {
          path: '/home',
          component: 'home',
        },
        {
          path: '/home/profile',
          component: 'profile',
          // 登录才能访问
          wrappers: ['@/components/Auth'],
        },
        {
          path: '/home/video',
          component: 'video',
        },
        {
          path: '/home/question',
          component: 'question',
        },
      ],
    },
    { path: '/login', component: 'login' },
    {
      path: '/profile/edit',
      component: 'profile/edit',
      // 登录才能访问
      wrappers: ['@/components/Auth'],
    },
  ],
  // fastRefresh: {},
  // mfsu: {},
  extraPostCSSPlugins: [vw],
  alias: {
    '@scss': '/src/assets/styles',
  },
  // 开启dva
  dva: {
    immer: true,
  },
})