.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' : '' },
    },
  },
});
相关文章
.umirc.ts 基本配置
.umirc.ts 基本配置
217 0
|
3月前
|
JavaScript 前端开发 编译器
还不会ts?一文带你打开ts的大门
该文章详细介绍了TypeScript的基础知识,包括类型系统、类、接口、泛型等核心概念,并通过具体示例展示了如何使用TypeScript进行项目初始化和模块化开发,帮助读者快速掌握TypeScript的基本用法。
还不会ts?一文带你打开ts的大门
|
3月前
|
JavaScript 编译器
TS编译设置和配置文件属性解读
TS编译设置和配置文件属性解读
|
5月前
|
JavaScript
TS,编写TS文件,编写hello.ts文件,cmd下打开终端,输入tsc hello.ts会生成一个hello.js文件,简化命令,npm i -g ts-node,ts-node hello.ts
TS,编写TS文件,编写hello.ts文件,cmd下打开终端,输入tsc hello.ts会生成一个hello.js文件,简化命令,npm i -g ts-node,ts-node hello.ts
|
7月前
TS 快速入门
TS 快速入门
44 0
ts的内置工具
ts的内置工具
107 0
|
7月前
ts笔记
ts笔记
|
7月前
ts文件解密
ts文件解密
271 0
|
JavaScript 安全 Python
TS笔记
TS笔记
68 0
|
JavaScript 前端开发
ts - ts基础
https://www.tslang.cn/ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。