在Vue-cli中引入jquery

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33485463/article/details/80454114

产品说字体的颜色要动态取，但是css文件不存在变量一说，聪明的我立马想到了利用js给元素设置颜色，这个时候是要抓取元素的，说道抓取元素还是jquery最方便了，那么怎么在Vue-cli中引入jquery呢

• 需要在webpack中全局引入jquery  ， 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改

dependencies:{
              "jquery":"^3.0.0"
       }

 然后在命令行中npm install   安装

• 在webpack.base.conf.js文件中加入一行代码

var webpack=require("webpack")

并在webpack.base.conf.js文件最后一行中加入

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

• 记得在main.js中引入,加入下面这行代码    

  import $ from 'jquery'

  最后运行

npm run dev

就可以了