Vue-cli3以上安装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........）

巴特西

Vue-cli3以上安装jquery

最新文章

热门文章