vue-cli 3.x 导入jquety
第一步:安装jquery
命令行工具,进入项目文件夹,执行: npm install jquery --save
第二步:确定安装成功
提示安装成功后,在package.json 文件内的 "dependencies"中检查是否有 "jquery": "^3.4.1", (如没有 则需手动添加)如图
第三步: vue.config.js文件里面配一配
在vue.config.js的文件开头添加:
const webpack = require('webpack')
然后在module.exports中,添加:
module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery" }) ] } }
第四步:测试
重新启动vue-cli,页面组件中 script标签加如下测试代码,页面能弹出则成功
$(function () { alert('引入成功') }) export default { name: 'workshop', components: { // HelloWorld },
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步