vue 引入外部 js 文件

Question

这两个脚本是互相依赖的。

之前的项目是直接这样引用的。

现在是

但是有报错

我应该怎么引入这两个第三方脚本呢？求大神解答

Answer 1

遇到这种不是模块化得三方库，要么改造下它export出去 要么放到static然后在index.html里面用script标签全局引入

Answer 2

在iscroll.js 和iuosselect.js 文件中分别先用exprot 抛出你的这两个js

export function isCroll(){ 包起来 }
export function iosSelect(){ 包起来 }

接下来就是你现在的引入了，你现在写的有一点的错误是：
import {isCroll} from '../../XX' 这个大括号内的就是你刚才 export 的方法名， 接下来你只需要在生命周期里面调用一下这个方法名， 就可以了   isCroll() 。 

望采纳~

Answer 3

因为这两个第三方库不符合ES6 module规范（AMD规范），所以不能使用import引入，可以尝试改造这两个库

Answer 4

1. 在模板index.html模板中引入<script>标签
2. 修改源码使其支持es6模块支持

  export default iscroll

Answer 5

webpack使用第三方的框架,应该使用 npm install 安装在本地 然后通过 import移引入,有时还需要在配置文件中加入相应的配置,例如,vue使用jquery,就需要写入相关的配置

Answer 6

题主，在下试了一下npm安装包以及常规import,是可行的