vue-cli webpack 中如何引入 jquery

wjong

于 2019-05-20 15:13:15 发布

阅读量428

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/Null_web/article/details/90375334

vue 专栏收录该内容

12 篇文章

订阅专栏

该博客介绍了jQuery的安装与配置方法。首先进行jQuery安装，接着在文件build/webpack.base.conf.js中配置，然后在main.js中引入jQuery，使用时要加 $(function(){})，最后重启项目即可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装jquery

npm install jquery --save-dev

2、在文件build/webpack.base.conf.js中配置

const webpack = require('webpack')

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

在这里插入图片描述

3、在main.js中引入jquery

import $ from 'jquery'

提示：在用jquery的时候要加 $(function(){})

$(function(){
	console.log('Holle')
})

4.最后重启项目就可以了

npm run dev