umi.js打包配置优化

{
proxy: {
    '/api': {
      target: 'http://server-ip:8080/',
      changeOrigin: true,
      // 'pathRewrite': { '^/api' : '' },
    },
  },
  dynamicImport: {
    loading: "@/components/Loading"
  },
  analyze: {
    analyzerMode: 'server',
    analyzerPort: 8888,
    openAnalyzer: true,
    // generate stats file while ANALYZE_DUMP exist
    generateStatsFile: false,
    statsFilename: 'stats.json',
    logLevel: 'info',
    defaultSizes: 'parsed', // stat  // gzip
  },
  chunks: ['react', 'react-dom', 'echarts', 'antd', 'vendors', 'umi'],
  chainWebpack(config) {
    config.optimization.splitChunks({
      chunks: "all", //async异步代码分割 initial同步代码分割 all同步异步分割都开启
      automaticNameDelimiter: "~",
      name: true,
      minSize: 30000, //字节 引入的文件大于30kb才进行分割
      //maxSize: 50000,         //50kb,尝试将大于50kb的文件拆分成n个50kb的文件
      minChunks: 1, //模块至少使用次数
      // maxAsyncRequests: 5,    //同时加载的模块数量最多是5个,只分割出同时引入的前5个文件
      // maxInitialRequests: 3,  //首页加载的时候引入的文件最多3个
      // name: true,                  //缓存组里面的filename生效,覆盖默认命名
      cacheGroups: {
        react: {
          name: "react",
          test: /[\\/]node_modules[\\/](react)[\\/]/,
          priority: -9,
          enforce: true,
        },
        reactDom: {
          name: "react-dom",
          test: /[\\/]node_modules[\\/](react-dom)[\\/]/,
          priority: -9,
          enforce: true,
        },
        echarts: {
          name: "echarts",
          test: /[\\/]node_modules[\\/](echarts)[\\/]/,
          priority: -9,
          enforce: true,
        },
        antd: {
          name: "antd",
          test: /[\\/]node_modules[\\/](@ant-design|antd|antd-mobile)[\\/]/,
          priority: -10,
          enforce: true,
        },
        vendors: {
          name: "vendors",
          test: /[\\/]node_modules[\\/]/,
          priority: -11,
          enforce: true,
        },
      },
    });
  },
}
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Umi.js 项目和 Django 项目的连接通常是通过 API 实现的。 首先,需要在 Django 项目中配置好 RESTful API,以便 Umi.js 项目可以通过 API 与其进行数据交互。 其次,在 Umi.js 项目中使用 Axios、Fetch 或其他网络请求库向 Django 项目的 API 发送请求,以获取数据并完成与 Django 项目的交互。 最后,可以使用 Redux、Mobx 等状态管理工具管理 Umi.js 项目中的数据状态,以保证数据的一致性和可靠性。 总的来说,Umi.js 项目与 Django 项目的连接实现起来比较简单,需要了解 RESTful API 和网络请求的基本知识。 ### 回答2: Umi.js是一个基于React的前端开发框架,而Django是一个使用Python的后端开发框架。要将Umi.js项目与Django项目连接起来,可以按照以下步骤进行: 1. 创建Django项目:首先,使用Django的命令行工具创建一个Django项目。在终端中运行命令 `django-admin startproject myproject`,其中"myproject"是你想要的项目名称。 2. 创建Django应用程序:接下来,在项目的目录中创建一个Django应用程序。在终端中运行命令 `python manage.py startapp myapp`,其中"myapp"是你想要的应用程序名称。 3. 配置路由:在Django项目中,你需要配置URL路由来处理来自Umi.js项目的请求。在Django项目的主文件urls.py中,添加相应的路由配置。 4. 配置视图:接下来,在Django应用程序的views.py文件中编写视图函数来处理Umi.js项目发送的请求。在视图函数中,你可以根据具体需求进行数据处理、数据库操作等操作,并返回相应的数据给Umi.js项目。 5. 配置模型:如果你的项目需要与数据库交互,可以在Django应用程序的models.py文件中定义模型类,用于与数据库表进行映射。通过模型类,你可以方便地进行数据库的增删改查操作。 6. 配置Umi.js项目:在Umi.js项目中,通过配置代理将请求转发到Django项目的服务器。在.umirc.js配置文件中,添加proxy配置项,将请求代理到Django项目的服务器地址。 7. 发送请求:在Umi.js项目的组件中,使用fetch、axios或者其他类似的工具发送请求给Django项目的服务器。根据你在Django项目中配置的路由和视图,将得到相应的数据。 通过以上步骤,你可以实现Umi.js项目与Django项目的连接,前端通过发送请求到后端,后端处理数据并返回给前端展示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值