在webpack與Vue搭配的項目,雖然能夠徹底不用jquery,可是呢,JQ太多的擴展太好用,因此仍是得用如下下,然而,總不能每一個文件都要import一下$吧,那樣js很大的,因此出現今天的標題。jquery
命令:webpack
npm install jQuery --save-dev
會自動安裝最新版本,同時,會自動在package.json裏面增長依賴,自動的,你無需操做其餘。若是你想指定版本,在jQuery後面加@1.8.11便可,既然都用Vue2.x了,直接最新版jQuery就行了,我的建議哈。web
在第二行(就是'use strict'下面)插入:npm
const webpack = require("webpack")
而後在module.exports的最後加入:json
plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
由於修改了配置,因此須要重啓服務:ide
npm run dev
import $ from 'jquery'ui
以上就是全局使用,若是不想全局使用,在main.js裏面,執行步驟4便可。23能夠忽略不操做。但願對你們有幫助。spa