RTSP视频平台LiteNVR安防监控平台前端打包报错UglifyJsPlugin相关问题处理

近期我们整理了一些有关RTSP视频平台LiteNVR的使用者反馈的技术类相关问题的解决日志与步骤，接下来将逐一分享出来供大家参考。

LiteNVR平台自发布以来，我们一直在持续升级和优化其功能和使用者体验，以满足不断增长的使用者需求。最近，我们对LiteNVR平台的前端打包进行了优化，并在此与大家分享优化过程。

在使用和测试过程中，有使用者反馈LiteNVR打包出现报错:“ERROR in js/index.f3413765.js from UglifyJs”，错误代码如下：

 针对该问题，常见的解决方式是引入babel-preset-es2015对es6和vue进行转换，但有时会出现其他相关的错误。根据错误内容分析，原因是UglifyJsPlugin插件报错。

 在打包构建过程中，发现构建失败，原因是使用的代码压缩插件uglifyjs-webpack-plugin不支持es6语法，导致报错。

 解决办法:在webpack.config.js构建文件中去掉UglifyJsPlugin，改用CommonsChunkPlugin插件代替项目压缩静态文件。使用CommonsChunkPlugin插件可以解决使用UglifyJsPlugin插件时出现的报错问题，同时也能对项目进行静态文件分块处理，提高打包速度。修改后报错已解决。

 LiteNVR平台在视频监控场景中具有广泛应用，可以实现视频实时监控直播、云端录像、云存储、录像检索与回看、告警、级联等功能。在全终端(PC、手机、平板、电子大屏/电视墙等) 上播放监控视频，为行业的视频监控需求提供了高效、灵活、稳定的解决方案。感兴趣的可以来www.litemedia.cn获得更多的资料。