vue-cli中引入jquery的相关配置

最新推荐文章于 2022-03-03 20:02:33 发布

原创最新推荐文章于 2022-03-03 20:02:33 发布 · 370 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue vue-cli jquery

前端小知识点同时被 3 个专栏收录

69 篇文章

订阅专栏

vue

31 篇文章

订阅专栏

jQuery

2 篇文章

订阅专栏

本文详细介绍如何在Vue项目中引入并配置jQuery，包括在main.js中引入jQuery，以及在webpack.base.conf.js中进行必要配置，确保jQuery正确加载和使用。

一：在我们的vue项目中安装好jquery后，一般在脚手架中会自动引入，接着我们在main.js文件中引入即可，接下来就是该我们进行配置的时候了，首先在我们的项目目录汇总打开webpack.base.conf.js文件，开始顶部是这样的

紧接着再代码块中加上一句：

var path = require('path')
var utils = require('./utils')
var webpack = require("webpack") //新添加的
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')

然后还是在webpack.base.conf.js文件中修改下面的module.exports部分

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

最后，重启项目即可！