vue-cli项目引入jquery

1 , npm install jquery --save
2 , 打开文件 build/webpack.base.conf.js ,添加如下代码:

var webpack = require("webpack")

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    })
  ]
  ...
} 

3, 打开 .eslintrc.js 添加如下代码:

module.exports = {
  globals: {
    "$": true,
    "jQuery": true
  },
  ...

4, 现在可以在你的项目中使用 $

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

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,726评论 0 0
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,721评论 7 110
  • Vue是近两年来比较火的一个前端框架(渐进式框架吧),与reactjs和angularjs三国鼎立,我不是职业前端...
    玄木阅读 273,035评论 70 259
  • 时间过得真快,来不及让我思考这些天在忙活着什么,却发现明天,亦或者是后天有好多的事情需要我去做。算一算,自我离开吴...
    枫叶的故事阅读 693评论 0 1
  • 春暖花开,在这美丽的季节,我遇到了你! 缘分那么奇妙,不知道怎么走到了今天? 你的歌,你的字语,总能让我触碰你心灵...
    w5726阅读 160评论 0 0