vue-cli webpack 引入jquery的方法
今天費了一下午的勁,終于在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添加一個鍵值對 jquery: true 就可以了
總結(jié)
以上所述是小編給大家介紹的vue-cli webpack 引入jquery的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
使用elementuiadmin去掉默認mock權(quán)限控制的設置
這篇文章主要介紹了使用elementuiadmin去掉默認mock權(quán)限控制的設置方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-04-04Vue如何動態(tài)改變列表搜索出關(guān)鍵詞的字體顏色
這篇文章主要介紹了Vue如何動態(tài)改變列表搜索出關(guān)鍵詞的字體顏色問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10在 vue-cli v3.0 中使用 SCSS/SASS的方法
關(guān)于如何在 vue-cli v3.0 中使用 SCSS/SASS,這里提供三種方案。感興趣的朋友通過本文一起學習吧2018-06-06一文帶你了解什么是Vue的前端微服務架構(gòu)(Micro Frontends)
微前端架構(gòu)是一種將大型前端應用拆分為多個小型、獨立的前端應用的架構(gòu)風格,每個小型前端應用都可以獨立部署、獨立開發(fā)和獨立運行,下面我們就來學習一下它的相關(guān)使用吧2023-11-11Vue使用Three.js創(chuàng)建交互式3D場景的全過程
在現(xiàn)代Web開發(fā)中,通過在頁面中嵌入3D場景,可以為用戶提供更加豐富和交互性的體驗,Three.js是一款強大的3D JavaScript庫,它簡化了在瀏覽器中創(chuàng)建復雜3D場景的過程,本文將介紹如何在Vue中使用Three.js,創(chuàng)建一個簡單的交互式3D場景,需要的朋友可以參考下2023-11-11