在开发环境下,我们一般需要打开log日志,不方便开发与追踪bug,但是这些log日志传到正式环境会有很大风险,所以我们应该区分出来,angular6.x已经降这部分做好了,请跟随如下步骤:
1、使用angular-cli脚手架里面会有环境文件,包含了开发和生产

environments.prod.ts ==> 生产环境编辑如下

environments.ts ==> 开发环境编辑如下

这是environments.ts的文件,这个文件上面注释已经说得很清楚,大概就是说,当去执行ng build --env=prod进行打包的时候,如果 production为 true,那么此文件将会被覆盖。当然相对的也要将environments.prod.ts 文件的production设定为 false。这样,当去构建打包的时候,开发环境将会被覆盖
2,angular.json

3,将 main.ts 程序出口时,将console 用你想要的方式处理掉

网友评论