vue-cli webpack 中全局引入 jquery
2023-09-11 14:15:30 时间
1.安装 jquery
npm install jquery --save-dev
2.修改 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" }) ]
.
相关文章
- 【Vue】错误 : 无法加载文件 C:UsersAdministratorAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本的解决方法
- Vue - 实现信纸输入写作,类似写明信片时的一张背景图片 + 横格纸效果(信纸格子与文字自动对齐、支持自定义背景图、文字或横线大小与颜色,一切由您 DIY 自定义样式)纯CSS完成支持任何vue项目
- Vue2.0 搭建Vue脚手架(vue-cli)
- vue 手动挂载$mount() 获取 $el
- 最新版教学Vue.js渐进式JavaScript框架
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- vue cli3使用官方方法配置sass全局变量报错ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
- vue的seo
- jQuery插件之验证控件jquery.validate.js
- 【Vue】vue组件和vue插件的创建和使用(底部栏组件、Toast 和 Notify通知插件)
- 【Vue】vue基础语法——自定义指令、过滤、组件和动画(内附详细案例代码)——day04
- Vue报错笔记(1)vue.esm.js?efeb:628 [Vue warn]: Property or method “handleClick“ is not defined on the...
- Vue+Echarts监控大屏实例十五:智慧物流监控模板实例下
- vue学习笔记四:Jquery VS Vue之元素操作明细对照
- vue学习笔记十:Jquery VS Vue之页面动画明细对照
- Vue脚手架(vue-cli)搭建和目录结构详解
- springboot+vue教师人事档案管理系统(源码+文档)
- 如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库