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" }) ]

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

3.重启服务

因为修改了配置,所以需要重启服务:

npm run dev

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

import $ from ‘jquery’

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

    原文作者:mydetails
    原文地址: https://segmentfault.com/a/1190000012671024
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞