分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

vue-cli中引入jquery的方法

发布时间:2023-09-06 01:20责任编辑:沈小雨关键词:暂无标签

vue-cli中引入jquery的方法

以前写vue项目都没有引入过jquery,今天群里面的一位小伙伴问了我这个问题,我就自己捣鼓了一下,方法如下:

我们先进入webpack.base.conf.js文件,开始顶部是这样的,我们需要加一行代码

变成这样

var path = require(‘path‘)var utils = require(‘./utils‘)var webpack = require("webpack") //这是我们添加的var config = require(‘../config‘)var vueLoaderConfig = require(‘./vue-loader.conf‘)

然后到下面的module.exports内部加入

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

我们在上面引入webpack就是为了在此使用webpack对象;

然后在package.json里的dependencies加入"jquery" : "^1.8.0";或者你可以使用npm install  xxx -save去生成

然后我们就可以在main.js里面去导入jquery了

最后,重启项目

最最后,骚年,去浪吧

vue-cli中引入jquery的方法

原文地址:http://www.cnblogs.com/maomao93/p/7742516.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved