资讯专栏INFORMATION COLUMN

webpack+qiniu+plupload 打包过程中的问题记录及解决办法

wuyumin / 892人阅读

摘要:最近项目告一段落,准备将手里的项目改造成,也就是多页面的打包,磕磕绊绊走过来,的导入,插件的封装导入,的归类导入,也都解决得还算顺利。在原项目中,导入了以及。查看源码后发现,中虽然访问了这个对象,但并没有申明。

最近项目告一段落,准备将手里的requirejs项目改造成webpack,也就是多页面的打包,磕磕绊绊走过来,jQuery的导入,jQuery插件的封装导入,css的归类导入,也都解决得还算顺利。只是今天碰到的上传功能的打包,着实废了一番心思。

项目中有一个上传图片的功能,用的是qiniu+plupload。在原项目中,导入了qiniu.js,moxie.js以及plupload.full.min.js。

在webpack项目中,我也同样导入了这三个js,发现报错: Qiniu.uploader is not a function。于是上npm上查了下,发现这三个js在npm都有包,于是放弃导入本地的,换成npm安装的包,结果仍然不行。

最后发现,qiniu.js被require的其实是一个空对象,查看源码后发现:

最终的Qiniu对象并没有用commonjs的标准抛出,于是添加


此时继续报错: mOxie is not defined。查看源码后发现,qiniu.js中虽然访问了mOxie这个对象,但并没有申明。所以mOxie这个对象必定时挂在全局对象上的,但是commjs中没有全局概念,于是考虑生成一个本地变量:


需要注意,moxie.js不要使用npm上的版本,npm上的没有mOxie这个变量。

此时程序已能正常运行,下面是我的部分代码

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83967.html

相关文章

  • 文件上传的几种方法——plupload

    摘要:然鹅,因为是要上传到七牛,遇到了跨域的问题,尝试过网上的几种解决方法,都没用。一开始以为是一下子上传太多张的缘故,就把改为,然鹅还是会报错。。。 其实用这个组件之前,原先是想接着用webuploader的,毕竟用过了,比较熟悉,而且也很好用。然鹅,因为是要上传到七牛,遇到了跨域的问题,尝试过网上的几种解决方法,都没用。只好用七牛文档里面的plupload,hhhhhh,官方文档推荐的,...

    mingzhong 评论0 收藏0
  • 记录一下前端分片上传七牛云踩过的坑

    摘要:后来查阅了资料后自己手动实现了文件切片上传到服务器基本需求已经实现,但由于效率及稳定性问题后来决定还是直传文件到七牛云。总结起来七牛云上传的套路就是后台为你提供或者获取的接口地址之后上传的时候要带上这个。 起因 最近在工作中有个上传大文件的需求,原先咨询过组里的大佬给我推荐了百度的webupload,但后来引入之后发现它是基于jquery封装的。由于本身项目是基于vue开发的所以与j...

    ISherry 评论0 收藏0
  • 七牛云存储---JavaScript SDK 简单上传,走过的几个坑

    摘要:和七牛账号里面提供。自己设定的七牛云存储空间名,创建存储空间的时候注意地区应该默认是华东,不一样地区需要修改下里面指定的上传的域名,请去参考官方文档。若开启该选项,为自动生成上传成功后的文件名。 先放上几个用到的七牛官方网站: JavaScript SDK地址需要在页面中先引入 plupload 提供的 plupload.full.min.js(生产环境)然后再引入SDK里的 qini...

    or0fun 评论0 收藏0
  • 七牛 js JDK使用 - 上传APP

    摘要:背景介绍使用将包括安卓和上传到七牛上传所以不考虑数据处理使用后台得到七牛上传基于下面不详述如何使用参见七牛上传的简单案例也不详述,参见官网事例很清楚了。指定上传的目标资源空间和资源键的长度最大为字节。,表示只允许用户上传指定的文件。 背景介绍 使用JS将APP(包括安卓和IOS)上传到七牛 (上传APP所以不考虑数据处理) uptoken使用JAVA后台得到 七牛上传基于pluplo...

    elva 评论0 收藏0
  • Laravel中前端js上传图片到七牛云

    摘要:以下中使用浏览器端上传图片到七牛云,下面只是做一些简单的流程实例。你的控制器地址请求成功之后,调用刚刚写好的方法,把传入过去让页面初始化的时候就请求这里差不多就可以啦,更多的操作参考文档七牛云官方文档 以下Laravel中使用浏览器端上传图片到七牛云,下面只是做一些简单的流程实例。详情请看官方文档七牛云官方js文档 1. 首先引入相应的js文件,下面是通过CDN引入的Staticfi...

    jollywing 评论0 收藏0

发表评论

0条评论

wuyumin

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<