vue-cli webpack 引入jquery的方法
更新時(shí)間：2018年01月10日 16:07:44 作者：lily white
小編使用的是webpack模板在vue-cli生成的工程中引入jquery的方法，首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install，具體內(nèi)容詳情大家參考下本文
今天費(fèi)了一下午的勁，終于在vue-cli 生成的工程中引入了jquery，記錄一下。(模板用的webpack)
首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install
在webpack.base.conf.js里加入
var webpack = require("webpack")
在module.exports的最后加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
然后一定要重新 run dev
在main.js 引入就ok了import $ from 'jquery'
下面看下vue 引入jquery的方法
1、npm 安裝jquery
npminstall jquery --save
2、build/webpack.base.conf.js
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery:"jquery",
$:"jquery"
})]
3、main.js 中引入jquery
import $ from 'jquery'
4、eslint
下一步就是要修改根目錄下.eslintrc.js文件了，在改文件的module.exports中，為env添加一個(gè)鍵值對 jquery: true 就可以了
總結(jié)
以上所述是小編給大家介紹的vue-cli webpack 引入jquery的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- 在Vue項(xiàng)目中引入JQuery-ui插件的講解
- vue-cli 引入jQuery，Bootstrap，popper的方法
- Vue引入jquery實(shí)現(xiàn)平滑滾動(dòng)到指定位置
- vue中如何引入jQuery和Bootstrap
- Vue項(xiàng)目中使用jquery的簡單方法
- 深入淺析angular和vue還有jquery的區(qū)別
- Vue.js 通過jQuery ajax獲取數(shù)據(jù)實(shí)現(xiàn)更新后重新渲染頁面的方法
- 淺析vue-router jquery和params傳參(接收參數(shù))$router $route的區(qū)別
- 如何在vue 中引入使用jquery
相關(guān)文章
使用elementuiadmin去掉默認(rèn)mock權(quán)限控制的設(shè)置
這篇文章主要介紹了使用elementuiadmin去掉默認(rèn)mock權(quán)限控制的設(shè)置方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue如何動(dòng)態(tài)改變列表搜索出關(guān)鍵詞的字體顏色
這篇文章主要介紹了Vue如何動(dòng)態(tài)改變列表搜索出關(guān)鍵詞的字體顏色問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
今天小編就為大家分享一篇vue.js input框之間賦值方法具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
vue項(xiàng)目中引入noVNC遠(yuǎn)程桌面的方法
下面小編就為大家分享一篇vue項(xiàng)目中引入noVNC遠(yuǎn)程桌面的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
在 vue-cli v3.0 中使用 SCSS/SASS的方法
關(guān)于如何在 vue-cli v3.0 中使用 SCSS/SASS，這里提供三種方案。感興趣的朋友通過本文一起學(xué)習(xí)吧2018-06-06
第一次接觸神奇的vue.js，主要了解一下v-model、v-if、v-else、v-show、v-for等，感興趣的小伙伴們可以一起學(xué)習(xí)一下2016-12-12
這篇文章主要介紹了vue中異步函數(shù)async和await的用法說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
今天小編就為大家分享一篇element UI upload組件上傳附件格式限制方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
一文帶你了解什么是Vue的前端微服務(wù)架構(gòu)(Micro Frontends)
微前端架構(gòu)是一種將大型前端應(yīng)用拆分為多個(gè)小型、獨(dú)立的前端應(yīng)用的架構(gòu)風(fēng)格,每個(gè)小型前端應(yīng)用都可以獨(dú)立部署、獨(dú)立開發(fā)和獨(dú)立運(yùn)行,下面我們就來學(xué)習(xí)一下它的相關(guān)使用吧2023-11-11
Vue使用Three.js創(chuàng)建交互式3D場景的全過程
在現(xiàn)代Web開發(fā)中,通過在頁面中嵌入3D場景,可以為用戶提供更加豐富和交互性的體驗(yàn),Three.js是一款強(qiáng)大的3D JavaScript庫,它簡化了在瀏覽器中創(chuàng)建復(fù)雜3D場景的過程,本文將介紹如何在Vue中使用Three.js,創(chuàng)建一個(gè)簡單的交互式3D場景,需要的朋友可以參考下2023-11-11