ES6导入和node_modules地狱

安东·斯塔菲耶夫(Anton Stafeyev)

我正在学习做出反应并编写自己的组件,但是我遇到了项目组织方面的问题。

这是我的树

 Project_Folder
  - Components
    - Form
      - index.js
      - form.less
      - package.json
    - Button
      - index.js
      - button.less
      - package.json
  - node_modules
    - <million unknown packages>
  - application.js
  - webpack.conf.js

在我这样的application.js导入表单中:import Form from './Components/form/index.js';最近,我想出了如果我只是将我的components文件夹放到文件夹中,node_modules我可以导入我的组件,import Form from 'Components/Form';这样会更好。但是开发此组件变得很麻烦,因为每当我进入node文件夹时,它就有数百万个webpack或babel或mini-CSS-extractor所需的其他模块。

在node_modules中有没有更好的组织解决方案,或者我应该在全球范围内安装开发工具?

伊瓦杜阿特

这是不是一个好主意有node_modules文件夹内的组件。除非您要通过其他工具/框架在团队之间创建可共享的代码。使用您的组件会产生一堆尚未遇到的问题:(!

即Node模块提供了仅使用package.json共享代码的灵活性.gitignore并通过重新安装它们npm install

您能在这里看到问题吗?

为了现在可以在node_modules中共享组件,这些选项是:

  • 要么在不丢失文件夹的情况下推送文件(毕竟不是一个选项:()
  • 发送整个应用程序和可能庞大的模块,并迫使每个人都必须下载大量的仓库,甚至在上载到存储库(git,bitbucket,gitlab)的情况下(永远上传
  • 为该组件创建一个整个模块,仅将'./X'写入'X'(需要额外的精力,对我来说听起来并不好

构建文件夹是一个微妙的话题。它会进行一些分析,以找出更适合您的口味的方法,并且没有正确的方法(即使您找到声称这种方法正确的专家

为了更好的方法,您可以查看react文档:

祝好运:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章