vue开发如何正确引入jquery插件

vue开发如何正确引入jquery插件，下面web建站小编给大家详细介绍一下具体实现代码！

安装脚手架

复制代码npm install jquery --save
1

在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'
    }])
  }
}
1
2
3
4
5
6
7
8
9
10
11

页面中引用

复制代码import $ from "jquery";
1

Ps：vue.config.js是vue-cli3之后新增的一个功能，再这个版本里面如果要配置webpack相关的属性，就需要自己在项目根目录新建vue.config.js这个文件，然后在该文件里面去写入你需要的等等配置。