不让umi build打包出很多xx.xxxxxx.async.js文件怎么办？

如果你不想让 umi build 打包出很多 xx.xxxxxx.async.js 文件，可以通过修改 umi 的配置来实现。

在 umi 的配置文件 config/config.js 中，可以设置 chunks 配置项来控制代码分割。chunks.async 表示异步 chunk 的名称模板，默认是 `[name].[contenthash:8].async.js`，即 xx.xxxxxx.async.js。你可以将它修改为一个固定的名称，如 `async.js`，这样就会将所有的异步代码打包到一个统一的文件中，而不是生成很多个异步 chunk。

示例代码如下：

export default {
  chunks: {
    // 将异步代码打包到一个统一的文件中
    async: 'async.js',
  },
  // ...其他配置
};

需要注意的是，将所有的异步代码打包到一个文件中，可能会影响到页面的加载性能。因此，在不同的场景下，需要根据实际情况来选择是否使用这个配置。

相关问题

umi新增import导入插件后，打包出现一些async.js文件

根据您的描述，这些async.js文件可能与您在使用umi-plugin-import导入组件时产生的。umi-plugin-import插件可以帮助您按需加载组件，以减小打包后的文件大小，提高网页的加载速度。

在使用该插件时，它会自动生成一个async.js文件，用于按需加载组件。这个文件可能会出现在打包后的dist目录中。

如果您不想在打包后出现这些async.js文件，可以尝试在.umirc.js或config/config.js文件中进行如下配置：

{
  "plugins": [
    [
      "import",
      {
        "libraryName": "antd",
        "libraryDirectory": "es",
        "style": "css"
      }
    ]
  ],
  "extraBabelPlugins": [
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }]
  ]
}

其中，extraBabelPlugins配置项中的"style": true表示输出组件的样式文件，而不生成async.js文件。

希望这些信息能够对您有所帮助！

ant design pro中.async.js

在 ant design pro 中，`.async.js` 文件是按需加载（lazy loading）的 JavaScript 文件。这种文件命名约定是为了标识这些文件是通过动态导入（dynamic import）的方式异步加载的。

按需加载是一种优化技术，它使得页面在初始加载时只加载必要的资源，而不是一次性加载所有的资源。这样可以加快页面的初始加载速度，并且只在需要时才加载额外的资源。

在 ant design pro 中，`.async.js` 文件通常用于按需加载页面或路由组件。例如，在路由配置中，你可以这样使用 `.async.js` 文件：

import { lazy } from 'umi';

const ExamplePage = lazy(() => import('./ExamplePage.async.js'));

export default () => {
  return <ExamplePage />;
}

这将会在需要时异步加载 `ExamplePage.async.js` 文件。

需要注意的是，`.async.js` 文件只是一种命名约定，并没有特殊的语法或功能。它只是用于标识该文件通过按需加载的方式引入。实际上，你可以使用任何你喜欢的命名来表示按需加载的文件，只需在代码中正确引用即可。