账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli中如何引入基于jQuery的插件
    26
    0

    在vue-cli的项目中要引入基于jQuery的插件,那么首先要引入jQuery,因此引发两个问题:

    1. 首先,怎么引入jQuery?
      查了一些资料,步骤是这样的:
      (1)首先在package.json中加入jQuery依赖,然后npm install jQuery --save安装依赖;
      (2)在build文件夹下找到webpack.base.conf.js文件,添加var webpack=require('webpack'),然后在module.exports里输入:

        plugins: [ 
               new webpack.ProvidePlugin({ 
                     $:"jquery", 
                     jQuery:"jquery", 
                    "windows.jQuery":"jquery"
            }) 
          ],           

      (3)在入口文件main.js中输入:import $ from 'jquery'引入jQuery就可以全局使用了;

      这里引发的一个问题是现在webpack vue-cli生成的项目中,build里面的webpack配置分成了
      webpack.base.conf.js
      webpack.dev.conf.js
      webpack.prod.conf.js
      三个文件,看到插件plugins的引入是梵高了dev和prod中了,所以现在要再使用jQuery的话,(2)中的代码是要放到哪个conf.js文件中呢?

    2. 第二个问题,引入jQuery后,基于jQuery的插件应该怎么在项目中引用呢(这里用到的jQuery插件又分为可以通过npm安装和不能通过npm安装两种情况)?

    求大神解答一下,万分感谢~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 野谈 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部