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

大兔子大兔子 提交于 2019-11-28 21:47:16

一:在我们的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"
    })  
  ],

最后,重启项目即可!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!