vue项目开发如何引入jquery

vue项目开发如何引入jquery插件,下面编程教程网小编给大家了解一下!

安装脚手架

npm install jquery --save

在build/webpack.base.conf.js引入以下代码

//添加webpack代码
var webpack = require('webpack')

resolve: {
  //...
},

// 在resolve下面添加代码
plugins: [
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    jquery: "jquery",
    "window.jQuery": "jquery"
  })
],

在main.js引入jQuery

import 'jquery'

如果安装eslint,需要在.eslintrc.js文件中新增以下代码

env: {
 browser: true,
 // 添加
 jquery: true
}
以上是编程学习网小编为您介绍的“vue项目开发如何引入jquery”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue项目开发如何引入jquery

基础教程推荐