Javascript ES15导入一个库,该库是另一个库的插件
我正在做一个React项目,但在图书馆方面遇到了麻烦。我想导入D3和一个名为D3-3d的插件,但每当我导入D3-3d时,D3-3d向D3对象添加函数的原生功能就不起作用了 在更简单的项目中,只需插入脚本标记即可:Javascript ES15导入一个库,该库是另一个库的插件,javascript,reactjs,d3.js,import,Javascript,Reactjs,D3.js,Import,我正在做一个React项目,但在图书馆方面遇到了麻烦。我想导入D3和一个名为D3-3d的插件,但每当我导入D3-3d时,D3-3d向D3对象添加函数的原生功能就不起作用了 在更简单的项目中,只需插入脚本标记即可: <script src="https://d3js.org/d3.v4.min.js"></script> <script src="https://unpkg.com/d3-3d/build/d3-3d.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/d3-3d/build/d3-3d.min.js"></script>
但对于React,没有附加此类方法。我不完全理解导入和导出是如何工作的,但这里有一段d3-3d源代码,如果有帮助的话,它可以处理自己的导出
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(factory((global.d3 = global.d3 || {})));
}(this, (function (exports) { 'use strict';
...
exports._3d = _3d;
Object.defineProperty(exports, '__esModule', { value: true });
})));
我只是想知道如何在react环境中获得与使用导入语法的纯脚本标记相同的功能
我已经试过了
import "d3-3d";
我听说这只是图书馆的副作用,但那不起作用。也没有将其作为d3_3d
导入,并将\u 3d
方法作为属性放置在d3对象上
提前谢谢
import*从“d3”作为d3导入;
从“d3-3d”导入{u3D};
d3._3d=_3d
你试过从“d3-3d”导入3d吗?哦,对不起,我忘了提这个。所以我实际上是先尝试了一下,但没有成功。我的意思是,它导入了所有内容,但当我试图在需要调用它的地方调用它时,它抛出了错误。这是我的猜测,但我认为d3-3d只是扩展了d3中的链接方法。谢谢你的建议<代码>从“d3”导入*为d3;从“d3-3d”导入{u3D};d3._3d=_3d代码>很抱歉回复太晚,但是是的,那代码确实起到了作用!谢谢菲拉。太好了,很高兴能帮上忙,我会把它作为答案贴出来,这样你就可以解决这个问题了。
import "d3-3d";