摘要：在与搭配的项目，虽然可以完全不用，但是呢，太多的扩展太好用，所以还是得用以下下，然而，总不能每个文件都要一下吧，那样很大的，所以出现今天的标题。
在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 dev4.全局引入一下【这一步可忽略也可以】在main.js里面：
import $ from "jquery"
以上就是全局使用，如果不想全局使用，在main.js里面，执行步骤4即可。23可以忽略不操作。希望对大家有帮助。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/90607.html
摘要：通过安装和要使用必须先引入找到文件夹下的文件打开，新增配置找到文件夹下的文件打开，全局引入在入口文件中加入在里导入 1.通过cnpm安装bootstrap和jquery cnpm install bootstrap jquery --save 2.要使用bootstrap必须先引入jQuery 找到build文件夹下的webpack.prod.conf.js文件打开，新增配置： p...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...
阅读 1262·2021-09-22 15:09
阅读 2589·2021-08-20 09:38
阅读 2385·2021-08-03 14:03
阅读 841·2019-08-30 15:55
阅读 3353·2019-08-30 12:59
阅读 3531·2019-08-26 13:48
阅读 1868·2019-08-26 11:40
阅读 612·2019-08-26 10:30
