vue-cli中引入jquery的方法

2021-05-17 16:29

阅读:645

标签:commons   png   color   images   代码   plugins   pen   .json   base   

vue-cli中引入jquery的方法

以前写vue项目都没有引入过jquery,今天群里面的一位小伙伴问了我这个问题,我就自己捣鼓了一下,方法如下:

我们先进入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)

然后到下面的module.exports内部加入

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

我们在上面引入webpack就是为了在此使用webpack对象;

然后在package.json里的dependencies加入"jquery" : "^1.8.0";或者你可以使用npm install  xxx -save去生成

然后我们就可以在main.js里面去导入jquery了

技术分享

最后,重启项目

最最后,骚年,去浪吧

 

vue-cli中引入jquery的方法

标签:commons   png   color   images   代码   plugins   pen   .json   base   

原文地址:http://www.cnblogs.com/maomao93/p/7742516.html


评论


亲,登录后才可以留言!