2018-04-11 在vue项目中引入jQuery

  • 在项目文件夹下，使用命令npm install jquery --save-dev 引入jquery。
  • 在build/webpack.base.conf.js中添加如下内容
var webpack = require('webpack')
  • 在webpack.base.conf.js中module.exports的最后加入
plugins: [
 new webpack.ProvidePlugin({
   $: "jquery",
   jQuery: "jquery"
 })
],
  • 在src/main.js文件中 引入jquery
import $ from 'jquery'

至此完成 npm run dev（cnpm run dev）重启项目

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

推荐阅读更多精彩内容

  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,231评论 0赞 21
  • vue-cli中的webpack配置
    原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,692评论 0赞 0
  • webpack 从入门到工程实践
    GitChat技术杂谈 前言 本文较长，为了节省你的阅读时间，在文前列写作思路如下： 什么是 webpack，它要...
    萧玄辞阅读 12,710评论 7赞 110
  • webpack
    目录第1章 webpack简介 11.1 webpack是什么？ 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,752评论 0赞 1
  • vue个人笔记
    vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,278评论 1赞 22