webpack+Vue2最新版搭配,如何全局使用jquery?

在webpack與Vue搭配的項目,雖然能夠徹底不用jquery,可是呢,JQ太多的擴展太好用,因此仍是得用如下下,然而,總不能每一個文件都要import一下$吧,那樣js很大的,因此出現今天的標題。jquery

1.首先須要安裝jQuery

命令:webpack

npm install jQuery --save-dev

會自動安裝最新版本,同時,會自動在package.json裏面增長依賴,自動的,你無需操做其餘。若是你想指定版本,在jQuery後面加@1.8.11便可,既然都用Vue2.x了,直接最新版jQuery就行了,我的建議哈。web

2.修改webpack.base.conf.js

在第二行(就是'use strict'下面)插入:npm

const webpack = require("webpack")

而後在module.exports的最後加入:json

plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]

圖片描述

3.重啓服務

由於修改了配置,因此須要重啓服務:ide

npm run dev

4.全局引入一下【這一步可忽略也能夠】在main.js裏面:

import $ from 'jquery'ui

以上就是全局使用,若是不想全局使用,在main.js裏面,執行步驟4便可。23能夠忽略不操做。但願對你們有幫助。spa

相關文章
相關標籤/搜索