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来更新一下配置,(这一步非常重要,能避免很多麻烦!!!)

原文地址:https://www.cnblogs.com/hermit-gyqy/p/10764247.html