前言
记录在vue项目中如何引入jquery
1.进入项目根目录,执行如下命令,安装jquery依赖
npm install jquery --save-dev
执行完上面的那条命令,我们可以看到package.json文件里面多出了一个jquery依赖项
2.在webpack.config.js中添加如下配置项
plugins: [
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
3.在main.js中引入,加入下面这行代码,全局引入
import $ from 'jquery'
4.在App.vue中使用jquery
5.重新执行 npm run dev
这说明jquery正常加载
总结
记录在vue项目中安装jquery依赖