vue3引入jquery 解决 $ is not defined
1.安装 jQuery :npm i jquery -S
2.在vue.config.js文件中(在vue3中没有这个文件需要手动创建在项目主目录下)写入以下代码进行配置:
const webpack = require('webpack')
module.exports = {
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
}
3.在需要的页面引入即可:
import $ from 'jquery';