美文网首页
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