2024年04月21日 建站教程
vue开发如何正确引入jquery插件,下面web建站小编给大家详细介绍一下具体实现代码!
npm install jquery --save
在vue.config.js中配置jquery
const webpack = require('webpack')
module.exports = {
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
}
页面中引用
import $ from "jquery";
Ps:vue.config.js是vue-cli3之后新增的一个功能,再这个版本里面如果要配置webpack相关的属性,就需要自己在项目根目录新建vue.config.js这个文件,然后在该文件里面去写入你需要的等等配置。
本文链接:http://so.lmcjl.com/news/2750/