vue-cli2中引入及使用jQuery

1、安装 jQuery

npm install jquery --save

2、webpack配置
在build文件夹下找到webpack.base.conf.js文件,在开头第一行使用以下代码引入webpack,因为该文件默认没有引用。

const webpack = require('webpack')

在module.exports中添加一段代码

plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery"
    })
  ]

如下:

//注:...代表省略自有的,
//必定事先声明webpack,不然下面会不识别webpack
const webpack = require('webpack')
...
module.exports = {
    plugins: [
        new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery"
        })
    ],
    ...
}

3、在main.js中加入:import $ from 'jquery'

重启项目此时在vue中全局引入了jquery,就可以在script中写jquery语法的代码了

你可能感兴趣的:(vue2)