webpack+Vue2最新版搭配，如何全局使用jquery？

在webpack与Vue搭配的项目，虽然可以完全不用jquery，但是呢，JQ太多的扩展太好用，所以还是得用以下下，然而，总不能每个文件都要import一下$吧，那样js很大的，所以出现今天的标题。

1.首先需要安装jQuery

命令：

npm install jQuery --save-dev

会自动安装最新版本，同时，会自动在package.json里面增加依赖，自动的，你无需操作其他。如果你想指定版本，在jQuery后面加@1.8.11即可，既然都用Vue2.x了，直接最新版jQuery就好了，个人建议哈。

2.修改webpack.base.conf.js

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

const webpack = require("webpack")

然后在module.exports的最后加入：

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

3.重启服务

因为修改了配置，所以需要重启服务：

npm run dev

4.全局引入一下【这一步可忽略也可以】在main.js里面：

import $ from 'jquery'

以上就是全局使用，如果不想全局使用，在main.js里面，执行步骤4即可。23可以忽略不操作。希望对大家有帮助。