React appが必要とするすべてのライブラリを1つのファイルにインポートするWebpackの習慣は悪いですか？

Question

Webpackの練習では、Reactアプリケーションが必要とするすべてのライブラリをLibs.js内などの1か所でインポートしてから、すべてのアプリケーションモジュール内で1つのimport文ですべて取得することはできますか？

Libs.js

import React from 'react'; 
 
import { PropTypes } from 'prop-types'; 
 
import { connect } from 'react-redux'; 
 
import { reduxForm, Field, getFormValues, change } from 'redux-form'; 
 
import isNull from 'lodash/isNull'; 
 

 

 
export default { 
 
    React: React, 
 
    PropTypes: PropTypes, 
 
    redux: { 
 
    connect: connect 
 
    }, 
 
    form: { 
 
    create: reduxForm, 
 
    change: change, 
 
    getValues: getFormValues, 
 
    Field: Field 
 
    }, 
 
    lodash: { 
 
    isNull: isNull 
 
    } 
 
};

任意のアプリモジュール

import libs from 'common/libs';

Answer 1

WebPACKのロールアップは、すべてのライブラリは、そのグループ囲まれたモジュールのこの種を一緒にする必要はありません。バンドリングシステムを使用しており、インポートが20回反応した場合、システムはコードを1回だけインポートしてインクルードしないので、使用しているファイルにどのライブラリ依存関係をインポートするのが簡単です。

このアプローチでは、どのコンポーネントがどのライブラリを使用しているかを明確にしています。

短い答え：はい、私の意見では、それは悪い習慣であり、私はどんなプロジェクトでもしません。