webpack+qiniu+plupload 打包过程当中的题目纪录及解决办法

近来项目告一段落,预备将手里的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的实际上是一个空对象,检察源码后发明:

《webpack+qiniu+plupload 打包过程当中的题目纪录及解决办法》

终究的Qiniu对象并没有效commonjs的规范抛出,因而增加

《webpack+qiniu+plupload 打包过程当中的题目纪录及解决办法》
此时继承报错: mOxie is not defined。检察源码后发明,qiniu.js中虽然访问了mOxie这个对象,但并没有说明。所以mOxie这个对象必定时挂在全局对象上的,然则commjs中没有全局观点,因而斟酌天生一个当地变量:

《webpack+qiniu+plupload 打包过程当中的题目纪录及解决办法》
须要注重,moxie.js不要运用npm上的版本,npm上的没有mOxie这个变量。

此时顺序已能一般运转,下面是我的部份代码

《webpack+qiniu+plupload 打包过程当中的题目纪录及解决办法》

    原文作者:求不得
    原文地址: https://segmentfault.com/a/1190000010177887
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞