1. 程式人生 > >vue+vue-cli+webpack中引入jQuery

vue+vue-cli+webpack中引入jQuery

在專案中為了方便操作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'