用vue-cli构建的vue项目中如何全局引入jquery

说明:在index.html直接用<script>标签引入,不会生效的,正确引入姿势如下:

1:打开package.json文件,手动在dependencies中加入如下代码;

2:运行cnpm install,这样就会引入版本为2.1.1的jquery作为依赖;

3:打开webpack.base.conf.js文件,对该文件进行两处修改,如下图:

4:在需要的页面(如index.vue)中添加:import $ from 'jquery',即正确引入jquery,可以在需要的地方使用jquery;

5:重新运行项目(npm run dev)即可;

猜你喜欢

转载自blog.csdn.net/ZhushiKezhang/article/details/81133824