vuecli引入jq

1:因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery

  打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。    
   dependencies:{

"jquery":"^2.2.3"

    }
  然后在命令行中cnpm install   

  大多人应该都是使用的淘宝镜像,所以使用cnpm,如果你不是 ,可以使用npm安装。

2:在webpack.base.conf.js中加入一行代码

 var webpack=require("webpack")

3:在webpack.base.conf.js中module.exports的最后加入这行代码,

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

4:在main.js中引入,加入下面这行代码

      import $ from 'jquery'

5:最后一步,重新跑一边就好,cnpm run dev

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,966评论 7赞 110
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,431评论 1赞 22
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,671评论 0赞 21
  • 最近跟着技术胖进行学习,这些是学习过程中的笔记,这是webpack3.X的第3篇笔记。 消除无用的css 使用pu...
    紫由袅阅读 576评论 0赞 0
  • 刚完成一个基于React+Webpack的项目,渐渐地熟悉了Webpack的一些配置,开发过程中用到了不少Webp...
    清晓凝露阅读 7,094评论 0赞 8

友情链接更多精彩内容