javascript - 如何在不同的组件中压缩相同的导入语句(遵循 DRY 指南)

Question

我有 3 个文件，每个文件使用相同的导入语句:

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Dimensions, Keyboard, SectionList, Text, TextInput, TouchableOpacity, View } from 'react-native';
import { Entypo, EvilIcons } from 'react-native-vector-icons';

我怎样才能将每个页面中的代码压缩为只有 1 行:

import AllImports from './filename';

“文件名”文件可能应该包含所有这些导入和一个导出，但我不确定如何实现它。

Answer 1

你不应该。 DRY 是一种很好的做法，但它不是铁律。有时您别无选择只能重复自己，而其他时候更好重复自己。

这是后一种情况。在每个模块中显式导入使得很容易找到每个组件具有的依赖项。对于中间模块，您必须检查该模块以了解发生了什么。此外，也不能保证事情会永远保持这样。在某些时候，这些组件会有不同的要求，您可能会陷入依赖超出需要的情况。

对于您节省的几行代码，所有的缺点都是不值得的。