vue-cli中使用jquery

一.安装依赖

npm install jquery --save

在webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack --save-dev进行手动安装)

var webpack = require("webpack")

在module.exports的最后加入

plugins: [

 new webpack.optimize.CommonsChunkPlugin('common.js'),

 new webpack.ProvidePlugin({

 jQuery: "jquery",

 $: "jquery"

 })

]

在main.js 引入

import $ from 'jquery'  //你做到这一步页面中你直接使用$就是jq了

新版

直接在main.js 引入

import jquery from 'jquery'  //你做到这一步页面中你直接使用$就是jq了

然后在组件的script中

<script>

  import $ from "jquery"   //其实嘛你安装依赖后你在node_modlules文件中的一个文件相对路径而已

  console.log($) //你可以打印瞧瞧

</script>