在react项目中如何引入第三方库

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在react项目中如何引入第三方库相关的知识,希望对你有一定的参考价值。

参考技术A 1.当其没有npm模块的时候 可以直接用以下方式引入:

直接在public文件夹下的index.hml文件内,找个位置如:title下面 通过<script src="xxxxx"'></script>即可

但是第三方引入的库在单页面应用中不支持import,它是直接挂载在window下的,所以在调用的时候用window.xxx(eg:window.BMap.Map('map渲染的id'))

【记录下使用高德地图时的注意点:用的是 npm加载的"react-amap": "^1.2.8",主要是marker和markers的实例获取方式】

调起地图导航:

2.public文件夹下的文件可以直接访问,如public下的assets下面有图片,在其他地方访问图片,路径可以直接写成('/assets/xxx.png')

如何在Ant中引入第三方Jar包

1.在项目的根目录下建立libs目录,然后将你需要的第三方JAR包放在该目录下。
2.在Eclipse中,在项目上右键,先择Properties,会出现一个对话框,在对话框左边选择Java Build Path,然后点击右边的Add Class Folder,选择项目下的刚刚新建的libs目录。
3.这样就已经把第三方的JAR包引入了,直接run就可以了。
参考技术A 在使用Ant时,免不了因为项目引用了第三方Jar包导致无法通过编译,可以在Ant脚本中添加以下元素来引用第三方库。
步骤:
1、在build.xml的<project>元素中添加子元素,如下:
<path id="lib_classpath">
<fileset dir="WebContent/WEB-INF/lib/">
<include name="*.jar"/>
</fileset>
</path>
Note:请修改成自己的Lib路径。
2、在你的<target>的子元素<javac>元素中添加子元素<classpath>,如下:

<classpath refid="lib_classpath"/>本回答被提问者采纳

以上是关于在react项目中如何引入第三方库的主要内容,如果未能解决你的问题,请参考以下文章

36《Vue 入门教程》Vue 第三方库的使用

AndroidStudio如何导入jar,so,以及第三方的开源库?

Vue 引入第三方图标库

Vue 引入第三方图标库

CMake——第三方库引入

如何解决android studio多个library库含有相同引用