記錄是為了更好的成長!
> 這里只說在vue項目中的引入
在vue項目中,也遇到過引入外部js的場景,通常同時在page下建立utils目錄,js文件放在里面,頁面使用import按需導入;這種做法當前需要用export暴露方法。這點相信都沒有問題。 但有些場景我們需要引入這種js "https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js" , 很顯然,之前的這種做法是不可行的,由於初次接觸,不了解,在這里我卡的時間比較長,下面就來說說怎么解決這種問題,分享給需要的朋友們:
1、在vue-cli構建的項目中
在使用vue-cli構建的項目中,注意看項目的根目錄下,有一個index.html,需要在其他vue文件中引入的js,都可以在head中引入,這樣引入之后,在vue的頁面中都可以進行使用。
<script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js"></script>
2、在uniapp中
在解決vue項目中的這個問題時,看網上有人問uniapp怎么實現這種做法,其實道理是一樣的,把需要的頁面寫成html頁面,頁面里引入js, 在通過uniapp的webview跳轉到頁面就行了。這個問題官方有文檔,可以參考
https://uniapp.dcloud.io/collocation/manifest?id=h5-template
