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/