webpack+vue-cli項目中引入外部非模塊格式j(luò)s的方法
更新時間：2018年09月28日 10:06:24 作者：海底流
今天小編就為大家分享一篇webpack+vue-cli項目中引入外部非模塊格式j(luò)s的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在開發(fā)vue的項目（我使用的是vue2）,需要添加js，雖然可以通過npm install 安裝插件，但是如果有一些插件并沒有開源，這時候我們只有臉上寬面條了。所以我更傾向于在webpack中引入外部js文件。
1.直接引用
Note:(紅色標(biāo)注部分)
位置1：將頁面中需要用到的js，引入進(jìn)來，from 后面是該js所在的文件目錄；
位置2：需要用到位置一中定義的變量Swiper;
位置3：為防止eslint嚴(yán)格模式下報錯，需要將位置2定義的swiper再次調(diào)用一下；
以上這篇webpack+vue-cli項目中引入外部非模塊格式j(luò)s的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
ant-design-vue table分頁onShowSizeChange后的pageNo解決
這篇文章主要介紹了ant-design-vue table分頁onShowSizeChange后的pageNo的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了Vue getter setter，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Vue實現(xiàn)導(dǎo)航欄的顯示開關(guān)控制
今天小編就為大家分享一篇Vue實現(xiàn)導(dǎo)航欄的顯示開關(guān)控制，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue3.0運行npm run dev報錯Cannot find module&
本文主要介紹了vue3.0運行npm run dev報錯Cannot find module node:url,因為使用的node版本是14.15.1低于15.0.0導(dǎo)致,具有一定的參考價值,感興趣的可以了解一下2023-10-10
本篇文章主要介紹了Vue 兄弟組件通信的方法（不使用Vuex），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
手把手教你將vue前端和python腳本使用electron打包成桌面應(yīng)用程序
這篇文章主要介紹了如何將Vue項目和Python腳本打包,并將打包后的文件部署到Vue項目中,文中通過代碼以及圖文介紹的非常詳細(xì),需要的朋友可以參考下2025-01-01
在Vue3中實現(xiàn)子組件向父組件傳遞數(shù)據(jù)的代碼示例
Vue3作為目前最熱門的前端框架之一,以其輕量化、易用性及性能優(yōu)勢吸引了大量開發(fā)者,在開發(fā)過程中,不可避免地需要在組件之間傳遞數(shù)據(jù),本文將詳細(xì)講解在Vue3中如何實現(xiàn)子組件向父組件傳遞數(shù)據(jù),并通過具體示例代碼使概念更加清晰2024-07-07
這篇文章主要介紹了vue?注釋template中組件的屬性說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue 如何使用餓了么UI仿寫teambition的篩選功能，幫助大家更好的理解和學(xué)習(xí)使用vue框架2021-03-03