四个最佳实践,引导你写出高质量JavaScript模块( 二 )


而有一个父选择器 ../ 通常不是问题 , 拥有 2 个或更多通常很难掌握 。
这就是为什么我建议避免使用父文件夹 , 而使用绝对路径:

四个最佳实践,引导你写出高质量JavaScript模块

文章插图
 
尽管有时写入绝对路径的时间更长 , 但是使用绝对路径可以使导入的模块的位置清晰明了 。
为了减少冗长的绝对路径 , 可以引入新的根目录 。例如 , 这可以使用 babel-plugin-module-resolver实现 。
使用绝对路径而不是较长的相对路径 。
5.结论JavaScript 模块非常适合将您的应用程序逻辑拆分为多个独立的小块 。
通过使用命名的导出而不是默认的导出 , 可以在导入命名组件时更轻松地重命名重构和编辑器自动完成帮助 。
使用 import {myFunc} from 'myModule' 的唯一目的就是导入 myFunc 组件 , 仅此而已 。myModule的模块级范围应该只定义包含少量内容的类、函数或变量 。
一个组件应该有多少个函数或类 , 这些组件应该如何与每个组件相关联?支持高内聚的模块:它的组件应该紧密相关并执行一个共同的任务 。
包含许多父文件夹 ../ 的长相对路径很难理解 , 将它们重构为绝对路径 。
你使用哪些JavaScript模块最佳做法?
欢迎留言讨论 , 喜欢就点个赞和关注 。




推荐阅读