webpack+vue-cli項目中引入外部非模塊格式js的方法
更新時間：2018年09月28日 10:06:24 作者：海底流
今天小編就為大家分享一篇webpack+vue-cli項目中引入外部非模塊格式js的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在開發(fā)vue的項目（我使用的是vue2）,需要添加js，雖然可以通過npm install 安裝插件，但是如果有一些插件并沒有開源，這時候我們只有臉上寬面條了。所以我更傾向于在webpack中引入外部js文件。
1.直接引用
Note:(紅色標注部分)
位置1：將頁面中需要用到的js，引入進來，from 后面是該js所在的文件目錄；
位置2：需要用到位置一中定義的變量Swiper;
位置3：為防止eslint嚴格模式下報錯，需要將位置2定義的swiper再次調(diào)用一下；
以上這篇webpack+vue-cli項目中引入外部非模塊格式js的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用ElementUI時導航欄默認展開功能的實現(xiàn)
這篇文章主要介紹了vue使用ElementUI時導航欄默認展開功能的實現(xiàn),本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
這篇文章主要介紹了Vue實現(xiàn)路由跳轉(zhuǎn)至外界頁面方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
Vue.js設計與實現(xiàn)無限遞歸學習總結(jié)
這篇文章主要為大家介紹了Vue.js設計與實現(xiàn)無限遞歸學習總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了在Vue2中注冊全局組件的兩種方法,非常的細致,需要的朋友可以參考下2022-07-07
使用Vue如何寫一個雙向數(shù)據(jù)綁定(面試常見)
這篇文章主要介紹了使用Vue如何寫一個雙向數(shù)據(jù)綁定，在前端面試過程中經(jīng)常會問到，文中主要實現(xiàn)v-model，v-bind 和v-click三個命令，其他命令也可以自行補充。需要的朋友可以參考下2018-04-04
Vue自定義el-table表格表頭高度的多種實現(xiàn)方法
在Vue項目中,使用Element?UI的el-table組件可以輕松創(chuàng)建功能豐富的表格,然而,默認情況下,el-table的表頭高度是固定的,本文將詳細介紹如何自定義el-table表頭的高度,提供多種實現(xiàn)方法,需要的朋友可以參考下2024-10-10
如何在Vue和Spring?boot之間實現(xiàn)前后端連接
最近搭建一個Springboot+vue前后端分離項目,真的很簡單,下面這篇文章主要給大家介紹了關(guān)于如何在Vue和Spring?boot之間實現(xiàn)前后端連接的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應用，這篇文章主要介紹了vue?route介紹、基本使用、嵌套路由,需要的朋友可以參考下2022-08-08
下面小編就為大家?guī)硪黄猇ue渲染函數(shù)詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
Vue3中的shallowRef?和shallowReactive對比分析
這篇文章主要介紹了Vue3中的shallowRef?和shallowReactive,通過示例代碼逐一對他們的使用做的詳細介紹，文末補充介紹了vue3的shallowRef()、shallowReactive()和shallowReadonly()的使用，需要的朋友可以參考下2023-01-01