鍍金池/ 問答/HTML/ vue單頁面文件中怎么引用外部鏈接中的js方法

vue單頁面文件中怎么引用外部鏈接中的js方法

我的前端項(xiàng)目是直接使用的vue腳手架，vue-cli構(gòu)建的。目前只知道可以通過import 'xxx.js'文件的方式來引入某個(gè)js文件到.vue頁面中，然后我想問問怎么引入外鏈呢？我試了下直接引入到index.html文件中，但是在單頁面文件下（xxx.vue）好像訪問不到鏈接里面的方法。。。
我指的外鏈?zhǔn)穷愃?code>https://code.jquery.com/jquery-3.3.1.min.js這樣的鏈接，合作方會(huì)實(shí)時(shí)更新的，所以只能通過引入鏈接的方式使用他們的js方法

回答
編輯回答
骨殘心

你可以這樣試試
第一步
npm install jquery --save

第二步
在build/webpack.base.conf.js里加入

var webpack = require("webpack")
第三步
同樣build/webpack.base.conf.js中
在module.exports的最后加入
plugins: [

new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery",
    "windows.jQuery": "jquery"
})

]
第四步
在main.js 引入import $ from 'jquery'

第五步
npm run dev重啟服務(wù)器

2018年5月13日 12:46
編輯回答
念初

可以啊，直接在index.html里寫就行了

2017年12月27日 17:23
編輯回答
還吻

在index.html里面head里面引用，然后在src目錄下的main.js里面添加一句
Vue.prototype.xxx = xxx
其中xxx就是你外鏈的的js暴露的對象
用法：
this.xxx.alert('hahah')

2018年9月22日 09:56
編輯回答
夏木

我是說本來就支持路徑，本來也是外鏈。至于你說的本地./my-module.js其實(shí)是瀏覽器把http://url/加上去而已。。。

index.html

<script type="module">
import {foo} from "http://url/my-module.js";

console.log(foo)
</script>

my-module.js

export const foo = Math.PI + Math.SQRT2;
2018年5月19日 09:27
編輯回答
乖乖噠

拉倒本地保存起來再引用，import解析成的require也只是在本地尋找資源。

2018年2月27日 16:59
編輯回答
咕嚕嚕

直接在 html 里引入不可以嗎，我記得我之前引的 QQ 的地理位置解析的那個(gè) js 就是這么直接引的啊(⊙o⊙)…

2018年5月30日 19:42