8、VUE中引入Jquery插件

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,675评论 0 1
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,845评论 0 21
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 9,113评论 0 0
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 11,543评论 2 71
  • 有时候生活就像一场噩梦,你很想找一个出口,却发现四面楚歌,无处可逃。但你又不得不面对,或面临一场死的浩劫,或绝处逢...
    唱一首美丽的歌给你阅读 2,394评论 0 0