在vue项目中如何引入第三方库（比如jQuery）？有哪些方法可以做到？
[vue] 在vue项目中如何引入第三方库（比如jQuery）？有哪些方法可以做到？
写回答
-
1、绝对路径直接引入 在index.html中用script引入
<script src="./static/jquery-1.12.4.js"></script>然后在webpack中配置external externals: { 'jquery': 'jQuery' } 在组件中使用时import import $ from 'jquery'2 、在webpack中配置alias resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('src'), 'jquery': resolve('static/jquery-1.12.4.js') } } 然后在组件中import
3、在webpack中配置plugins plugins: [ new webpack.ProvidePlugin({ $: 'jquery' }) ] 全局使用，但在使用eslint情况下会报错，需要在使用了 $ 的代码前添加 /* eslint-disable*/ 来去掉 ESLint 的检查。 问题来源于GitHub，查看更多答案，请查看https://github.com/haizlin/fe-interview/issues/320
2020-05-24 22:33:50赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
