如何从webpack导入多个模块?

哈希尔·侯赛因

我大约有20个jsx文件,其中一些重复出现了imports

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.7 Mb。是否有可能从其他任何地方导入这些模块,所以我不需要一次又一次地导入这些模块。

我认为Webpack,ES6和模块之间存在误解。

Webpack将分析您的javascript代码并检测依赖关系,因为它将包含捆绑中所需的模块,那里没有重复,每个模块仅以正确的顺序添加一次以解决依赖关系,同时避免重复代码。

ES6导入导出语法约定要求在每个需要导入的文件中定义所需的导入,因此浏览器或Webpack之类的工具可以正确检测依赖项,并且仅使用所需的文件。

1.7 Mb可以视为网页的大文件,但具有适当的缓存/最小化功能,可以立即加载

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档