如何在vue脚手架项目里引用JQuery包

1、第一步在package.json里的dependencies加入一行"jquery" : "^3.2.1"引用jQuery包

2、第二步cd 你的项目名称进入项目文件夹运行npm install jquery --save-dev 安装jQuery包

3、第三步找到脚手架build文件夹下的webpack.base.conf.js文件在最上方添加一行：var webpack=require('webpack')

4、第四步找到脚手架build文件夹下的webpack.base.conf.js文件module.exports中加入插件plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery" }) ],

5、第五步在项目的入口文件中main.js中添加一行import $ from 'jquery' 引用jquery

6、第六步在测试组件用例HelloWorld.vue中添加HTML代码<h1 id="test">Test Jquery</h1>添加JS代码$('#test').click(function(){ alert('Test Jquery Success!');});

7、第七步npm run dev进行编译 然后浏览器中输入127.0.0.1:8080访问页面点击Test Jquery如果弹出窗口显示Test Jquery Success!表示JQuery引用成功