Ant Design Pro打包的时候,去除console.log这类的注释。

原创 野人  2022-01-17 22:08  阅读 114 次

一般来说,打包到生产环境的时候,都是要把代码做下优化,比如把一些在开发环境中调试的语句方法(比如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

然后就大功告成了。有此需求的朋友,赶紧去试试吧。

本文地址:https://www.yerenwz.com/5590.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论