当我们在开发前端项目时，我们通常需要引入许多依赖包和模块。在遇到大型项目时，需要导入的模块数量很多，这时候手动添加 import 语句就显得非常的麻烦。这时候，npm 包 @vlr/imports-gen 就可以极大地帮助我们加快代码编写速度和减轻阅读负担。
什么是 @vlr/imports-gen
@vlr/imports-gen 是一个简单易用的 npm 包，它可以帮助我们自动生成 import 语句，将多行的 import 操作简化成一行，大大减轻了代码负担，同时也提高了代码的可读性。
该包支持各种类型的导入，包括默认导入、命名导入、默认导入与命名导入的混合等。目前该包已在 Github 上被收获多达200个星标，因此其应用性和效率也得到了用户大量的验证。
如何使用 @vlr/imports-gen
使用 @vlr/imports-gen 导入模块和依赖非常简单。只需要安装该包：
npm install @vlr/imports-gen
接着在项目中添加如下代码：
-- -------------------- ---- -------
----- ---------- - ----------------------------
----- ---- - ------- ----- ---- --------
------ - ------ - ---- --------
----- ------- - -
-
----------- --------
-------------- -----
--
-
----------- -------
------------- -----------
--
--
----- ------- - ------------------------------------ ---------
---------------------在上述代码中，我们先引入了 @vlr/imports-gen 包。接着，我们定义好了需要添加的导入的对象。定义该对象时，我们需要针对每个要导入的模块，指明是默认导入还是命名导入或者是混合类型，如上述代码中所示。
随后，我们调用 generateImportsCode 函数，生成一个新的代码字符串，并将其输出到控制台中。如下所示：
import React from 'react';
import { Button } from 'antd';总结
使用 @vlr/imports-gen 可以非常便捷地对你的项目代码进行优化、简化和增强。通过少量的配置和调用，你就可以极大地提高代码的质量和效率，避免繁琐由于引入多个模块时需要手动添加大量的 import 语句的问题。希望在你的开发工作中可以极大地缩短开发周期，减少代码错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eeda9d9b5cbfe1ea06102bd