Ant Design Pro 解决生产环境包含 source map 问题

现象

在本地打包时，发现dist目录中包含了source map文件。

原因

因为本地开发时，会启动开发服务，这时会在dist中生成文件。

疑惑：Vite及原始的Webpack没见过会在开发环境往dist生成文件的。

解决

根据运行环境，指定不同outputPath。（如果在同一个文件夹中，当本地运行过开发环境，则本地打包时就会出现问题）

关键：在devtool属性中再根据不同环境指定不同策略。

config.ts

在config/config.ts文件中指定outputPath。

const PUBLIC_PATH: string = '/admin/';

export default defineConfig({

  base: PUBLIC_PATH,

  publicPath: PUBLIC_PATH,

  outputPath: process.env.NODE_ENV === 'production' ? 'dist-prod' : 'dist-dev',

  devtool: process.env.NODE_ENV === 'development' ? 'cheap-module-source-map' : false,
  
})

文档

https://umijs.org/docs/api/config#outputpath

https://umijs.org/docs/api/config#devtool