Vue安装jquery

vue-cli3以上就没有webpack.config.js这个文件了，所以在安装jquery时

 终端执行  npm install jquery --save

 之后查看package.json

 安装成功，之后在 .eslintrc.js文件中添加这句话

 

  jquery:true

之后在项目根目录新建vue.config.js文件

添加以下内容

 

 

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',

        jQuery: 'jquery',
        'windows.jQuery': 'jquery'
      })
    ]
  }
}

之后不需要在main.js文件添加import了

直接在App.vue添加以下代码，来测试jquery是否成功安装可以使用

 

 

$(function() {
  alert(1)
})

之后重启项目，弹出一下结果就ok了

 

 

就这样啦

（miss........）