如何从webpack导入多个模块？

Question

我有大约20个包含少量重复imports的jsx文件，如下所示：

import React from 'react';
import { Form } from 'formsy-react';
import AppActions from '../../utils/actions/app-actions';
import store, {formStore} from '../../utils/stores/stores';
import AppConstants from '../../utils/constants/app-constants';

这导致我的bundle.js重量超过1.7Mb，即使在缩小之后。有没有可能从任何其他地方导入这些模块，这样我就不需要一次又一次地导入这些模块。

Answer 1

我觉得这里对Webpack、ES6和一个模块之间存在误解。

Webpack将分析你的javascript代码并检测依赖关系，基于这一点，它将在你的包中包含你需要的模块，没有重复的模块，每个模块只按正确的顺序添加一次，以解决依赖关系，同时避免代码的重复。

ES6导入导出语法约定要求在需要它们的每个文件中定义所需的导入，以便浏览器或工具(如Webpack )可以正确检测依赖项，并仅使用它们需要的文件。

1.7Mb可以被认为是一个网页的大文件，但通过适当的缓存/缩小，它可以立即加载