vue-cli3+webpack不兼容js库的时候,如何解决

1、问题起因

A项目传统项目,调用第三方提供的方法,实现了签名功能(主要是因为签名资质),项目B是vue-ci3+webpack。项目B需要实现新功能,也用到签名,把签名代码集成了过来。调用第三方接口失败,各种排查问题。最后定位到问题在于,调用第三方方法,生成数据包的时候,数据包解析出来多了几个Null

最后把第三方公司提供的demo整个放进项目文件夹也不行,最终确认不是代码问题,可能跟vue-cli3+webpack有问题,也就是第三方提供的库,跟webpack不兼容。页面功能实现在page下面,会经过webpack打包,可能影响了第三方公司提供的js包,在调用生成数据包的方法适合,莫名其妙多了几个null,要被坑惨了。

2、解决办法

把这个功能拆分出来,放在public文件夹下面。

cli3官方说明:

  • 任何放置在public文件夹下的静态资源都会被简单的复制,而不经过webpack,需要使用绝对路径,来引用他们.
  • public目录提供的是一个应急手段,通过绝对路径引用他的时候,留意应用会部署到哪里,如果没有部署到域名的根目录,需要为url配置publicPath前缀

什么时候使用public

  • 有些库跟webpack不兼容,只能写在public文件夹下面,用一个独立的 

你可能感兴趣的:(Vue,webpack)