vue-cli全引入jquery

欢迎加入前端交流群交流知识&&获取视频资料：749539640

vue-cli全引入jquery：（vue-cli使用webpack）

第一步：

在package.json文件里的dependencies项填入："jquery" : "^2.2.3"

 "dependencies": {

     "echarts": "^3.7.1",

     "iview": "^2.3.0",

     "vue": "^2.4.2",

     "vue-router": "^2.7.0",

     "jquery" : "^2.2.3"

   }

第二步：

在build文件夹里的webpack.base.conf.js文件的module.exports项的最后一项加入：

 plugins: [

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

  new webpack.ProvidePlugin({

      jQuery: "jquery",

      $: "jquery"

  })

 ]

第三步：

在.eslintrc.js文件里env项加入jquery: true；使jquery变为全局变量

env: {

    browser: true,

    jquery: true

  }

第四步：

在main.js里

import $ from 'jquery'

Vue.use($)

第五步：

重新npm install

再重新npm run dev

巴特西

vue-cli全引入jquery

欢迎加入前端交流群交流知识&&获取视频资料：749539640

最新文章

热门文章