vue-cli webpack全局引入jquery

时间:2018-11-09 22:51:09 类型:vue
字号:    

用vue-cli脚手架工具构建项目成功后 当需要引入Jquery,可用以下方法:

1.首先在package.json里的dependencies加入"jquery" : "^3.2.1",


"dependencies": {
    "jquery" : "^3.2.1",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1"
  },

2.在终端里输入npm install jquery --save-dev  当然用 淘宝镜像 cnpm 也是可以的

   注意:jquery 一定要小写 不然会提示  Please use 'jquery' (all lowercase)

3. 找到build文件夹下的webpack.base.conf.js文件,打开,添加:

  var webpack=require('webpack')

 


4.   在module.exports里输入:

     

plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:"jquery", 
                 jQuery:"jquery", 
                "windows.jQuery":"jquery"
        }) 
      ], 
5. 在终端输入 npm run dev 就ok了