美文网首页
8、VUE中引入Jquery插件

8、VUE中引入Jquery插件

作者: 皮卡乒乓 | 来源:发表于2018-02-24 10:03 被阅读0次

1、引入jquery

  • 在项目文件夹下,使用命令npm install jquery --save-dev 引入jquery

2、在build/webpack.base.conf.js中添加如下内容

  • 1
var webpack = require('webpack')
  • 2
plugins: [
  new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
],

如下所示

// 原有代码
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
  }
},
// 原有代码
module: {
  rules: [
// ......
  ]
},
// 增加一个plugins
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ]

3、在src/main.js文件中 引入jquery

import $ from 'jquery'

4、OK

相关文章

网友评论

      本文标题:8、VUE中引入Jquery插件

      本文链接:https://www.haomeiwen.com/subject/vgfqxftx.html