umi3.0基础配置文件（.umirc.ts配置文件试玩）

/* * @Description: umi3.0基础配置文件 文件多时候移到config文件下面单独配置模块 如 路由文件 .umirc.ts配置文件 * @Version: 2.0 * @Autor: lhl * @Date: 2020-03-20 14:15:48 * @LastEditors: lhl * @LastEditTime: 2020-05-27 13:41:14 */ import { defineConfig, utils } from 'umi'; import { resolve } from "path"; import pageRoutes from './config/router.config' const { winPath } = utils; // umi所有配置是平拍方式配置的 推荐在 .umirc.ts 中写配置。如果配置比较复杂需要拆分，可以放到 config/config.ts 中，并把配置的一部分拆出去，比如路由。两者二选一，.umirc.ts 优先级更高
export default defineConfig({ // 配置标题
  // title: 'hi-umi你好',
  // ant-design-pro 的布局
  // layout: {
  // name: 'Ant Design',
  // locale: true
  // },
  base: '/', //生成hash文件名
  hash: true, //hash路由
 history: { type: 'hash', }, // 为所有非三方脚本加上 crossorigin="anonymous" 属性，通常用于统计脚本错误。
  crossorigin: true, analytics: { ga: 'google analytics code', // 百度统计代码
    baidu: '5a66cxxxxxxxxxx9e13', // Google 统计代码
 }, // disableRedirectHoist: true,//禁用 redirect 上提。
  devtool: 'source-map',//生成map文件
  //兼容浏览器版本 配置需要兼容的浏览器最低版本，会自动引入 polyfill 和做语法转换 Default: { chrome: 49, firefox: 64, safari: 10, edge: 13, ios: 10 }
 targets: { ie: 11, }, // 使用 antd
 antd: { dark: false, }, // 暂时关闭
  pwa: false, // locale: {
  // default: 'zh-CN',
  // baseNavigator: true,
  // },

  // 使用过 dva 目前内置版本是 ^4.0.0
  // 内置 dva，默认版本是 ^2.6.0-beta.20，如果项目中有依赖，会优先使用项目中依赖的版本。
  // 约定是到 model 组织方式，不用手动注册 model
  // 文件名即 namespace，model 内如果没有声明 namespace，会以文件名作为 namespace
  // 内置 dva-loading，直接 connect loading 字段使用即可
 dva: { immer: true, // 表示是否启用 immer 以方便修改 reducer
    hmr: true, // 表示是否启用 dva model 的热更新
 }, // 配置主题，实际上是配 less 变量
 theme: { '@primary-color': '#1DA57A', }, // 代理配置(跨域处理) http://10.98.98.142:8080/
 proxy: { '/api': { 'target': 'http://10.98.101.225:8089/goods', 'changeOrigin': true, 'pathRewrite': { '^/api' : '' }, }, }, // 额外样式配置
 styles: [ `h1 { color: red !important; }`, // `https://a.com/b.css`,
 ], // 别名配置
 alias: { "@": resolve(__dirname, "./src"), }, // 路由配置
 routes: pageRoutes, // 是否启用按需加载，即是否把构建产物进行拆分，在需要的时候下载额外的 JS 再执行
 dynamicImport: { // 无需 level, webpackChunkName 引入 tsx时候看看 tsconfig.json配置了相关配置没
    loading: '@/components/PageLoading/index', }, cssLoader: { // 这里的 modules 可以接受 getLocalIdent
 modules: { getLocalIdent:( context: { resourcePath: string; }, _: string, localName: string, ) => { if ( context.resourcePath.includes('node_modules') || context.resourcePath.includes('ant.design.pro.less') || context.resourcePath.includes('global.less') ) { return localName; } const match = context.resourcePath.match(/src(.*)/); if (match && match[1]) { const antdProPath = match[1].replace('.less', ''); const arr = winPath(antdProPath) .split('/') .map((a: string) => a.replace(/([A-Z])/g, '-$1')) .map((a: string) => a.toLowerCase()); return `antd-pro${arr.join('-')}-${localName}`.replace(/--/g, '-'); } return localName; }, } } });

更多更详细配置请移步官方文档：https://v2.umijs.org/zh/config/#%E5%9F%BA%E6%9C%AC%E9%85%8D%E7%BD%AE