vue安裝jquery和配置（不需要在頁面引入直接可以使用）

 

注意：在每次新安裝插件的時候在配置完成之后都需要重新npm run dev來更新一下配置，（這一步非常重要，能避免很多麻煩！！！）

 

首先在命令行工具上輸入 npm install jquery --save-dev

安裝完成之后在build文件夾下的webpack.base.conf.js進行配置，在頂部添加：const webpack = require('webpack')

然后在module.exports = {  }里面加入

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

 

這樣就可以直接在頁面上使用jq了，並且不需要引入就可以直接使用。

 

注意：在每次新安裝插件的時候在配置完成之后都需要重新npm run dev來更新一下配置，（這一步非常重要，能避免很多麻煩！！！）