vue+vue-cli+webpack中引入jQuery

来源:互联网 发布:logo编程软件 编辑:程序博客网 时间:2024/06/11 17:45

在项目中为了方便操作dom元素,选择jQuery,下面是步骤

首先在package.json里的dependencies加入"jquery" : "^3.2.1",然后install   (注:可以查找最新的jQuery版本)

在webpack.base.conf.js里加入

      var webpack = require("webpack")

在module.exports的最后加入

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

然后一定要重新 run dev

在main.js 引入就ok了import $ from 'jquery'