一般来说,打包到生产环境的时候,都是要把代码做下优化,比如把一些在开发环境中调试的语句方法(比如console.log这类)给删除了,这些都是比较常见的优化方法。
不过,在Ant Design Pro中,还是遇到了坑,完全是按照它们自己的文档的步骤去做的,但是还是没能成功,这也是够够,有点坑,然后只能看有没有其他人也遇到过这坑,果然有人遇到过,而且还给官方发了消息,官方的人也回复已经修复了,所以我就没去尝试已经回复的说的已解决方案,然而就是这个已解决误导了多少人。
实际我测试了下,还是没有效果,只能啥折腾了,也就是后面我重新试了下,说已经解决的那个方案,结果成功了。
因为Ant Design Pro中内置的umi,如果更多的时候,我们文档看的更多的是umi官方的文档,这就造成一个错觉,我用的应该是umi开发的项目啊,咋用的是Ant Design Pro,然后搜索到的解决方案也都是在umi的仓库中搜到的,这就很尴尬了。
不管了,反正最后是在umi的Github仓库找到了解决方法。
1、找到项目根目录下的config文件夹下的【config.ts】或者【config.js】文件
2、注释掉esbuild: {}
3、添加如下代码:
export default defineConfig({ terserOptions: { compress: { drop_console: true, }, }, });
对了。我的umi版本是3.5.0
然后就大功告成了。有此需求的朋友,赶紧去试试吧。