vue项目引入jquery步骤

  1. 在package.json文件 添加jQuery依赖
"dependencies": {
      "jquery": "1.11.1"
}

2、在webpack.base.conf.js中module.exports 添加jQuery插件

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

3、在main.js引入jQuery

//引入JQ
import $ from 'jquery'

4、重新安装项目依赖

npm i

5、启动项目

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

推荐阅读更多精彩内容

  • VUE项目引入jquery
    1、因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，...
    CMaggie阅读 282评论 0赞 0
  • vue个人开发项目搭建心得
    vue-cli搭建项目 1.确保安装了node与npm 2.再目标文件夹下打开终端 3.执行cnpm i vue-...
    i_ec98阅读 293评论 0赞 0
  • 2018-04-11 在vue项目中引入jQuery
    在项目文件夹下，使用命令npm install jquery --save-dev 引入jquery。 在buil...
    isaaCyu阅读 535评论 0赞 2
  • vue引入jquery遇到的问题
    1、jquery版本过低，导致不能使用，并且报异常，异常找了老半天没找到原因，气死宝宝了。 2、main.js里面...
    2019吖阅读 3,435评论 7赞 13
  • 送你一个晚安故事
    我是黑夜里大雨纷飞的人啊 1 “又到一年六月，有人笑有人哭，有人欢乐有人忧愁，有人惊喜有人失落，有的觉得收获满满有...
    陌忘宇阅读 8,629评论 28赞 53