config.ts 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // https://umijs.org/config/
  2. const prodGzipList = ['js', 'css', 'html']
  3. import { defineConfig } from '@umijs/max'
  4. import defaultSettings from './defaultSettings'
  5. import proxy from './proxy'
  6. import routes from './routes'
  7. const { REACT_APP_ENV } = process.env
  8. export default defineConfig({
  9. plugins: [require.resolve('@umijs/plugins/dist/unocss')],
  10. npmClient: 'pnpm',
  11. hash: true,
  12. antd: { import: true },
  13. model: {},
  14. moment2dayjs: {},
  15. request: {},
  16. initialState: {},
  17. access: {},
  18. dva: {},
  19. mfsu: {},
  20. srcTranspiler: 'esbuild',
  21. fastRefresh: true,
  22. unocss: {
  23. watch: ['src/pages/**/*.{jsx,tsx,less}', 'src/components/**/*.{jsx,tsx,less}'] // 添加其他包含 unocss 的 classname 的文件目录
  24. },
  25. // Fast Refresh 热更新
  26. theme: {},
  27. layout: {},
  28. locale: {
  29. default: 'zh-CN',
  30. antd: false,
  31. baseNavigator: false
  32. },
  33. define: { REACT_APP_ENV: REACT_APP_ENV || false },
  34. targets: { ie: 11 },
  35. routes,
  36. title: false,
  37. proxy: proxy[REACT_APP_ENV || 'dev'],
  38. manifest: { basePath: '/' },
  39. extraBabelPlugins: [
  40. '@babel/plugin-proposal-nullish-coalescing-operator',
  41. '@babel/plugin-proposal-optional-chaining',
  42. ['import', { libraryName: '@formily/antd', libraryDirectory: 'esm', style: true }, '@formily/antd']
  43. ]
  44. // chainWebpack(config, { env }) {
  45. // if (env === 'production') {
  46. // config.merge({
  47. // optimization: {
  48. // minimize: true,
  49. // splitChunks: {
  50. // chunks: 'all',
  51. // minSize: 30000,
  52. // minChunks: 2,
  53. // automaticNameDelimiter: '.',
  54. // cacheGroups: {
  55. // vendor: {
  56. // name: 'vendors',
  57. // test: ({ resource }) => /^.(?=react).$/.test(resource),
  58. // chunks: 'all',
  59. // priority: 20
  60. // }
  61. // }
  62. // }
  63. // }
  64. // })
  65. // config.plugin('compression-webpack-plugin').use(
  66. // new CompressionWebpackPlugin({
  67. // // filename: 文件名称,这里我们不设置,让它保持和未压缩的文件同一个名称
  68. // algorithm: 'gzip', // 指定生成gzip格式
  69. // test: new RegExp('\\.(' + prodGzipList.join('|') + ')$'), // 匹配哪些格式文件需要压缩
  70. // threshold: 10000, //对超过10k的数据进行压缩
  71. // minRatio: 0.6 // 压缩比例,值为0 ~ 1
  72. // })
  73. // )
  74. // }
  75. // }
  76. })