• EasyNVR前端打包UglifyJsPlugin报错优化


    EasyNVR既有软件版也有硬件版,平台基于RTSP/Onvif协议将前端设备接入,可实现的视频能力有视频监控直播、录像、视频转码分发、检索与回放、云存储、智能告警、国标级联等。平台可将接入的视频流进行转码分发,对外输出的视频流格式包括RTSP、RTMP、HTTP-FLV、WS-FLV、HLS、WebRTC等。

    平台自发布后,我们也一直在对其进行持续的功能升级和体验优化,以满足日益增长的用户需求。近期我们对EasyNVR平台的前端打包进行了优化,今天来和大家分享一下过程。

    在使用及测试过程中,EasyNVR打包出现报错“ERROR in js/index.f3413765.js from UglifyJs”,如下:

    针对该问题,一般常用的处理方式是引入babel-preset-es2015去处理es6和vue之间的转换,但是引入以后又报其他相关的错误。

    分析错误内容,是因为UglifyJsPlugin报错。在打包构建时,发现构建不成功,原来是使用的压缩代码插件uglifyjs-webpack-plugin不支持es6语法,从而引发报错。

    解决办法:在webpack.config.js构建文件中去掉UglifyJsPlugin,改用CommonsChunkPlugin插件代替项目压缩静态文件。

    修改后报错已解决,打包成功,如图:

    在平台的开发过程中,我们也乐于和所有的技术开发爱好者们一起交流代码技术、分享开发经验,感兴趣的用户可以在评论区和我们交流。为了满足用户的集成与二次开发需求,我们也提供了丰富的API接口供用户调用。有需要的用户可参照官方接口文档进行操作。

    EasyNVR属于软硬一体的产品,既有硬件版,也有软件版,两者功能类似。在应用上,EasyNVR可以用在智慧工厂、智慧工地、智慧园区、智慧港口等具有视频监控需求的场景中,为用户提供灵活、全面、丰富的视频能力服务。感兴趣的用户可以前往演示平台进行体验或部署测试。

  • 相关阅读:
    React antd如何实现<Upload>组件上传附件再次上传已清除附件缓存问题。
    spring项目logback日志与logstash和Elasticsearch整合
    Java后端面试经验总结分享(一)
    【设计模式】访问者模式
    【设计模式】命令模式
    【设计模式】模板方法模式
    【设计模式】代理模式
    【设计模式】享元模式
    【设计模式】外观模式
    【设计模式】组合模式
  • 原文地址:https://www.cnblogs.com/EasyNVR/p/16416968.html
Copyright © 2020-2023  润新知