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........）

 

__EOF__

本文作者：fiamme
本文链接：https://www.cnblogs.com/vivin-echo/p/13877408.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！