Import 将自定义Javascript对象导入React/ES6生态系统
我在上一个项目的文件中有一些旧的自定义javascript对象,我想在使用React 0.14.x和ES6约定构建的新项目中导入和使用这些对象。有这么多的旧代码,我不想碰任何一个。它看起来如下所示: myCustomObjectOne.js:Import 将自定义Javascript对象导入React/ES6生态系统,import,reactjs,ecmascript-6,webpack,paperjs,Import,Reactjs,Ecmascript 6,Webpack,Paperjs,我在上一个项目的文件中有一些旧的自定义javascript对象,我想在使用React 0.14.x和ES6约定构建的新项目中导入和使用这些对象。有这么多的旧代码,我不想碰任何一个。它看起来如下所示: myCustomObjectOne.js: function myCustomObjectOne() { this.some_attribute = ''; this.another_attribute = []; etc. } myCustomObjectOne.prot
function myCustomObjectOne() {
this.some_attribute = '';
this.another_attribute = [];
etc.
}
myCustomObjectOne.prototype.someMethod = function() {
// do stuff
};
有一些类似模式的文件定义了其他自定义对象
我是否将这些文件放在某个位置,然后在我的某个React组件文件中执行以下操作:
import myCustomObjectOne from '/path/to/file/myCustomObjectOne.js'
import myCustomObjectTwo from '/path/to/file/myCustomObjectTwo.js'
另外,假设在我的旧项目中,我正在使用或任何第三方库。我指的是myCustomObjectOne.js
中该库中的全局对象,例如,调用paper.activate()
。然而,在我的新项目中,我只是有一个包清单,其中paperjs作为一个依赖项与webpack捆绑在一起,并且在我的React组件中:从“paper”导入纸张代码>。我的旧文件不再有权访问全局纸张
对象,因为之前我只是将供应商文件包含在
标记中
我是不是把事情弄得太复杂了?我是否应该不尝试导入/捆绑我的旧文件,而是在我的html文件中添加
标记,并将我的旧文件与我的代码完全分离?我的旧JS对象不是视图,也不是真正与DOM交互的对象,它们几乎只是操纵第三方库(第三方库在画布元素中是自包含的)。如果您使用的是webpack,则可以使用导入加载程序和提供插件。有关更多信息,请参见。我安装了来自npm的导入加载程序。然后在我的网页配置中,我在loaders部分添加了imports?paper=paper
。现在在我的React组件中,我不需要显式地从“paper”导入纸张代码>。然后我添加了我的自定义文件:import myCustomObjectOne from'/path/to/file/myCustomObjectOne.js'代码>如何在React组件的自定义模块中引用构造函数?我在尝试let blah=new myCustomObjectOne()时遇到“不是函数”错误
Nevermind,您只需要在自定义文件中使用export
语句。问题似乎已经解决。如果是,请接受答案。谢谢