我正在学习做出反应并编写自己的组件,但是我遇到了项目组织方面的问题。
这是我的树
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中共享组件,这些选项是:
构建文件夹是一个微妙的话题。它会进行一些分析,以找出更适合您的口味的方法,并且没有正确的方法(即使您找到声称这种方法正确的专家)
为了更好的方法,您可以查看react文档:
https://reactjs.org/docs/faq-structure
和我认为足以满足您需求的教程
祝好运:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句