Question

在一个地方导入React应用程序所需的所有库，例如在Libs.js中，然后在每个应用程序模块中只用一个import语句获取它们，这是不好的Webpack实践吗？

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次，系统将不会导入并仅包含代码一次，因此更容易导入您在使用它们的文件中的库依赖项。

通过这种方法，您还可以更清楚地了解哪些组件使用了哪些库。

简短的回答：是的，在我看来，这是一个不好的做法，我不会在任何项目中这样做。

将React应用程序所需的所有库导入到一个文件中是不是错误的Webpack实践？

1 个答案: