美文网首页
vue引入Jquery的方法

vue引入Jquery的方法

作者: IT飞牛 | 来源:发表于2020-02-24 10:46 被阅读0次

    1、局部引入

    通过命令下载jquery

    npm install jquery --save-dev
    

    在需要引入jquery的组件中通过import $ from 'jquery'引入即可

    2、全局引入

    通过命令下载

    jquery   npm install jquery --save-dev
    

    方法一
    在项目目录下build下的webpack.base.conf.js文件头部加入

    var webpack = require('webpack')
    

    并在module.exports的尾部加入

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

    重启服务npm run dev生效
    方法二
    在项目目录下build下的webpack.base.conf.js文件头部加入

    var webpack = require('webpack')
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
          'vue$':"vue/dist/vue.esm.js",
          '@': resolve('src'),
          'jquery':'jquery'
        }
      },
      plugins:[
        new webpack.ProvidePlugin({
          jQuery:"jquery",
          $:"jquery"
        })
      ],
    

    重启服务 npm run dev生效

    相关文章

      网友评论

          本文标题:vue引入Jquery的方法

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