vue中如何引入第三方库
虽然说jquery从某些角度说已经过时了,对他的情结还是在的,在vue中用用jquery也不是不可以的,但是要怎么引入呢,总不能直接<script src='jquery.js'></script>吧。当然这也是一种办法,只不过优点过于简单粗暴,而且eslint也会检查报错首先要 npm install jquery --save(1)最简
虽然说jquery从某些角度说已经过时了,对他的情结还是在的,在vue中用用jquery也不是不可以的,但是要怎么引入呢,总不能直接<script src='jquery.js'></script>吧。当然这也是一种办法,只不过优点过于简单粗暴,而且eslint也会检查报错
首先要 npm install jquery --save
(1)最简单的办法就是在哪个组件用就在那里直接import $ from 'jquery';
这样做比较麻烦,像swiper,echarts等插件可以这样使用,因为一个应用中可能只有一个组件用到这个插件,jquery就不同 了,各个地方都可能用到它
(2)第二种方法是修改webpack文件,本人对webpack不是特别熟悉,这种方法承蒙网上各位大佬的分享
在脚手架生成的文件夹中找到build文件夹,打开其中的webpack.base.config.js
在文件头添加 const webpack=require('webpack');引入webpack
找到alias属性,添加 ‘name’:'jquery'键值对,这里是给jquery模块起一个别名
然后在module.exports对象中添加一个属性
这个属性与resolves并列,添加完成后就能重新启动脚手架就能在各个组件中使用$ 和jQuery函数了,不需要import也能使用
更多推荐
所有评论(0)