vue-cli中引入jquery的方法

标签：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