vivin-echo

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

 

相关文章:

  • 2021-06-16
  • 2021-06-21
  • 2019-10-28
  • 2021-10-12
  • 2021-09-25
  • 2022-01-04
  • 2021-08-06
  • 2021-10-03
猜你喜欢
  • 2021-09-25
  • 2021-07-12
  • 2021-12-21
  • 2021-04-05
  • 2021-04-13
  • 2021-06-08
  • 2019-06-26
相关资源
相似解决方案