Fatal编程技术网
  • node.js/
  • Node.js 我如何才能从node_模块中的包导入ES6 React组件？

Node.js 我如何才能从node_模块中的包导入ES6 React组件？

node.js reactjs ecmascript-6

Node.js 我如何才能从node_模块中的包导入ES6 React组件？,node.js,reactjs,ecmascript-6,create-react-app,Node.js,Reactjs,Ecmascript 6,Create React App,所以我有一个问题，我使用createreact-app创建了一个项目。我有另一个项目通用组件，它有一个网页包和一个构建过程，并且有所有通用和可共享的组件。我所做的是在主项目中创建npm链接公共组件，然后创建npm链接公共组件，使其可以作为节点模块使用。现在的问题是，当我尝试导入ES6 React组件时，会出现一个transfile错误。我知道这就是为什么它会扔那个。它不是由我在主项目中使用的babel加载程序传输的。我尝试在条目中包含此项。但它仍然没有传输它应该传输的内容。我不想将它构建到es5

所以我有一个问题，我使用
createreact-app
创建了一个项目。我有另一个项目
通用组件
，它有一个网页包和一个构建过程，并且有所有通用和可共享的组件。我所做的是在主项目中创建npm链接
公共组件
，然后创建npm链接公共组件，使其可以作为节点模块使用。现在的问题是，当我尝试导入ES6 React组件时，会出现一个transfile错误。我知道这就是为什么它会扔那个。它不是由我在主项目中使用的
babel加载程序传输的。我尝试在条目中包含此项。但它仍然没有传输它应该传输的内容。我不想将它构建到es5，然后导入。我想按原样导入它，然后用主项目构建它


网页包：
include:['/mainPath'，“/sharedcomponentpath”]
你找到了吗？不，这是不可能的。只有在ES5编译的情况下，节点_模块才能工作。所以，如果你想共享代码，就把它做成一个模块，发布在npm上。其他解决方案将使用Lerna
https://github.com/lerna/lerna
嗨，我想出来了，顺便说一句，它很管用。。我设法用react脚本v2.1.5和react应用程序重新布线+自定义cra实现了这一点。重写webpack配置以包括sharedcomponentpath，如@Fida所述。并不是说它不能使用符号链接，而是必须编译原始源文件。因此，您可以将类似fs.realpathSync（“/sharedcomponentpath”）的内容添加到网页包include。。为了让它发挥作用，我写了一篇关于这个问题的博文：