.umirc.ts 基本配置

简介: .umirc.ts 基本配置

.umirc.ts 基本配置

import { defineConfig } from "umi";
export default defineConfig({
nodeModulesTransform: {
  type: 'none',
  },
  // 热更新
  fastRefresh:{
  },
  // 标签页标题
  title:'测试项目',
  // 自定义加载页,默认为loading...
  dynamicImport:{
    loading:'@/pages/Loading',
  },
  // 标签页图标
  links: [{ rel: 'icon', href: '/favicon.ico' }],
  // 加快编译速度
  mfsu:{},
  //开启按需加载
  dynamicImport: {
  },
  //开启按需加载后把 css 打包成一个文件
  chainWebpack(config) {
    config.optimization.splitChunks({
      cacheGroups: {
        styles: {
          name: 'styles',
          test: /\.(css|scss)$/,
          chunks: 'async',
          minChunks: 1,
          minSize: 0,
        }
      },
    });
  },
  //配置 externals 还能减小编译消耗
  externals: {
    'react': 'window.React',
    'react-dom': 'window.ReactDOM',
    'moment': 'window.moment',
    'antd': 'window.antd',
  },
  scripts: [
    'https://cdn.bootcdn.net/ajax/libs/react/17.0.1/umd/react.development.min.js',
    'https://cdn.bootcdn.net/ajax/libs/react-dom/17.0.1/umd/react-dom.production.min.js',
    'https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/antd/4.8.2/antd.min.js',
  ],
  //样式生效必须写在styles里面
  styles: [ 'https://cdnjs.cloudflare.com/ajax/libs/antd/4.8.2/antd.min.css'],
  dva: {
  },
  antd: false,//启用后自动配置 babel-plugin-import实现antd按需加载  false 表示不开启  {} 表示开启
  antdMobile:false, // antd-mobile同理
  //sass配置
  sass: {
  },
  request: {
    dataField: 'data',
  },
  // 路由配置
  routes: [
    { path: '/', component: '@/pages/Login/index' },
    { path: '/login', component: '@/pages/Login/index' },
    { path: '/home', component: '@/pages/Home', routes: [
      // { path: '/home', redirect: '/home/index' },  // 路由重定向,需要写在子路由中
      {
        path: '/home/index', component: '@/pages/index', name: 'string'
      },
      {
        path: '/home/hot', component: '@/pages/Hot', name: '热门'
      },
      { path: '/*', component: '@/pages/NotFound' }, },
  ],
  targets: { //配置浏览器最低版本,比如兼容ie11
    ie: 11
  },
  hash: true,  //开启打包文件的hash值后缀,
  proxy: {
    '/api': {
      'target': 'http://192.168.3.12:8028/',
      'changeOrigin': true,
      'pathRewrite': { '^/api' : '' },
    },
  },
});
相关文章
|
10月前
|
移动开发 JavaScript 前端开发
文档域(document.domain)
文档域(document.domain)
|
8月前
|
XML 人工智能 文字识别
Mobile-Agent:通过视觉感知实现自动化手机操作,支持多应用跨平台
Mobile-Agent 是一款基于多模态大语言模型的智能代理,能够通过视觉感知自主完成复杂的移动设备操作任务,支持跨应用操作和纯视觉解决方案。
2852 10
Mobile-Agent:通过视觉感知实现自动化手机操作,支持多应用跨平台
|
10月前
|
API 数据安全/隐私保护 开发者
探索RESTful API设计的最佳实践
【10月更文挑战第25天】在数字时代的浪潮中,API成为了连接不同软件组件的桥梁。本文将深入探讨如何设计高效的RESTful API,通过实际代码示例揭示背后的逻辑和结构之美。我们将从基础原则出发,逐步展开到高级概念,旨在为读者提供一套完整的设计蓝图。
|
JSON 前端开发 JavaScript
解决跨域问题
解决跨域问题
|
11月前
|
机器学习/深度学习 自然语言处理 PyTorch
【机器学习】探索LSTM:深度学习领域的强大时间序列处理能力
【机器学习】探索LSTM:深度学习领域的强大时间序列处理能力
|
存储 人工智能 自然语言处理
开源和闭源一个争议已久而且持续几十年的话题
开源和闭源一个争议已久而且持续几十年的话题
277 0
|
存储 安全 数据处理
Elastic 中国开发者大会2023最新干货——Elasticsearch 7、8 新功能一网打尽
Elastic 中国开发者大会2023最新干货——Elasticsearch 7、8 新功能一网打尽
|
安全 算法 编译器
【C++ 模板编程 条件编译】深入探索 C++ 的条件编译:从 std::enable_if 到 C++20 的新特性
【C++ 模板编程 条件编译】深入探索 C++ 的条件编译:从 std::enable_if 到 C++20 的新特性
574 0
|
前端开发 JavaScript
JavaScript中链式调用大合集、应付面试够够的
JavaScript中链式调用大合集、应付面试够够的
172 0
|
小程序 前端开发
微信小程序_实现markdown支持代码复制功能
微信小程序_实现markdown支持代码复制功能
741 1