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能够忽略不操做。但愿对你们有帮助。