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

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/

展开阅读全文
相关内容