分享web开发知识

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

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

如何在vue-cli webpack中全局引入jquery

发布时间:2023-09-06 01:37责任编辑:沈小雨关键词:webpack

1.首先执行:npm install  jQuery --save-dev,在package.json里加入jQuery。

2.修改build下的webpack.base.conf.js

方法一:

首先加入:

const webpack = require("webpack")

然后在module.exports 对象中加入:

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

方法二:

先加入:

const webpack = require("webpack")

然后:

 ?resolve: { ???extensions: [‘.js‘, ‘.vue‘, ‘.json‘], ???alias: { ?????‘vue$‘: ‘vue/dist/vue.esm.js‘, ?????‘@‘: resolve(‘src‘), ?????‘jquery‘: ‘jquery‘ ???} ?},

最后:

 ?plugins: [ ???new webpack.ProvidePlugin({ ?????jQuery: "jquery", ?????$: "jquery" ???}) ?]

3.在app.vue中调用jquery

 ?mounted: function() { ???console.log($); ???console.log($(‘#ss‘)[0].innerHTML); ?},

打印结果:

如何在vue-cli webpack中全局引入jquery

原文地址:https://www.cnblogs.com/yingzi1028/p/8310370.html

知识推荐

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