config.js 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. // https://umijs.org/config/
  2. import os from 'os';
  3. import pageRoutes from './router.config';
  4. import webpackPlugin from './plugin.config';
  5. import defaultSettings from '../src/defaultSettings';
  6. const plugins = [
  7. [
  8. 'umi-plugin-react',
  9. {
  10. antd: true,
  11. dva: {
  12. hmr: true,
  13. },
  14. targets: {
  15. ie: 11,
  16. },
  17. locale: {
  18. enable: true, // default false
  19. default: 'zh-CN', // default zh-CN
  20. baseNavigator: true, // default true, when it is true, will use `navigator.language` overwrite default
  21. },
  22. dynamicImport: {
  23. loadingComponent: './components/PageLoading/index',
  24. },
  25. pwa: {
  26. workboxPluginMode: 'InjectManifest',
  27. workboxOptions: {
  28. importWorkboxFrom: 'local',
  29. },
  30. },
  31. ...(!process.env.TEST && os.platform() === 'darwin'
  32. ? {
  33. dll: {
  34. include: ['dva', 'dva/router', 'dva/saga', 'dva/fetch'],
  35. exclude: ['@babel/runtime'],
  36. },
  37. }
  38. : {}),
  39. },
  40. ],
  41. ];
  42. // 针对 preview.pro.ant.design 的 GA 统计代码
  43. // 业务上不需要这个
  44. if (process.env.APP_TYPE === 'site') {
  45. plugins.push([
  46. 'umi-plugin-ga',
  47. {
  48. code: 'UA-72788897-6',
  49. },
  50. ]);
  51. }
  52. export default {
  53. // add for transfer to umi
  54. plugins,
  55. targets: {
  56. ie: 11,
  57. },
  58. define: {
  59. APP_TYPE: process.env.APP_TYPE || '',
  60. },
  61. // 路由配置
  62. routes: pageRoutes,
  63. // Theme for antd
  64. // https://ant.design/docs/react/customize-theme-cn
  65. theme: {
  66. 'primary-color': defaultSettings.primaryColor,
  67. },
  68. externals: {
  69. '@antv/data-set': 'DataSet',
  70. },
  71. // proxy: {
  72. // '/server/api/': {
  73. // target: 'https://preview.pro.ant.design/',
  74. // changeOrigin: true,
  75. // pathRewrite: { '^/server': '' },
  76. // },
  77. // },
  78. ignoreMomentLocale: true,
  79. lessLoaderOptions: {
  80. javascriptEnabled: true,
  81. },
  82. disableRedirectHoist: true,
  83. cssLoaderOptions: {
  84. modules: true,
  85. getLocalIdent: (context, localIdentName, localName) => {
  86. if (
  87. context.resourcePath.includes('node_modules') ||
  88. context.resourcePath.includes('ant.design.pro.less') ||
  89. context.resourcePath.includes('global.less')
  90. ) {
  91. return localName;
  92. }
  93. const match = context.resourcePath.match(/src(.*)/);
  94. if (match && match[1]) {
  95. const antdProPath = match[1].replace('.less', '');
  96. const arr = antdProPath
  97. .split('/')
  98. .map(a => a.replace(/([A-Z])/g, '-$1'))
  99. .map(a => a.toLowerCase());
  100. return `antd-pro${arr.join('-')}-${localName}`.replace(/--/g, '-');
  101. // return `${localName}`;
  102. }
  103. return localName;
  104. },
  105. },
  106. manifest: {
  107. basePath: '/',
  108. },
  109. runtimePublicPath:true,
  110. hash:true,
  111. base: '/base/',
  112. publicPath: '/base/',
  113. cssPublicPath: '/base/',
  114. history: 'browser',
  115. chainWebpack: webpackPlugin,
  116. };