vue-cli中引入jquery的方法

Posted 2020-10-12 疾风_剑豪

vue-cli中引入jquery的方法

以前写vue项目都没有引入过jquery，今天群里面的一位小伙伴问了我这个问题，我就自己捣鼓了一下，方法如下：

我们先进入webpack.base.conf.js文件，开始顶部是这样的，我们需要加一行代码

变成这样

var path = require(\'path\')
var utils = require(\'./utils\')
var webpack = require("webpack") //这是我们添加的
var config = require(\'../config\')
var vueLoaderConfig = require(\'./vue-loader.conf\')

然后到下面的module.exports内部加入

  plugins: [
    new webpack.optimize.CommonsChunkPlugin(\'common.js\'),
    new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
    })  
  ],

我们在上面引入webpack就是为了在此使用webpack对象；

然后在package.json里的dependencies加入"jquery" : "^1.8.0"；或者你可以使用npm install  xxx -save去生成

然后我们就可以在main.js里面去导入jquery了

最后，重启项目

最最后，骚年，去浪吧