前言
在 AngularJS 1.x 的开发中，存在着一些繁琐的工作，例如我们需要手动将依赖注入到 controller 或 service 中。这个过程需要花费一定的时间和精力，因此有必要寻找一种自动化的方案来简化这个过程。
@zdychacek/babel-plugin-ng-inject-classes 就是一个非常好的解决方案。它是一个用于 Babel 转换器的插件，可以自动将依赖注入到 AngularJS 1.x 的 controller 或 service 中。在本文中，我们将讨论如何使用这个插件。
安装 & 使用
首先，需要安装 npm 包 @zdychacek/babel-plugin-ng-inject-classes。可以通过以下命令行安装：
npm install --save-dev @zdychacek/babel-plugin-ng-inject-classes
然后，我们需要在 Babel 配置文件中使用这个插件。在 .babelrc 文件中，我们可以添加如下配置：
-- -------------------- ---- -------
-
---------- -
-- -------- -------
--
---------- -
-- -------- -------
-------------------------------------------
-
-现在，我们已经成功安装并配置了插件。让我们通过示例来了解如何使用它。
假设我们有以下代码：
-- -------------------- ---- -------
----------------------- ---
----- ------------ -
------------------- ------ -
----------- - --
------------------------
---------------- -- -
----------- - -------------
--
-
-我们可以看到，MyController 依赖于 $scope 和 $http。在没有使用 @zdychacek/babel-plugin-ng-inject-classes 的情况下，我们需要手动将这些依赖项注入到 controller 中。但是现在我们可以通过添加一个注释 @inject 来自动注入这些依赖项。
修改代码如下：
-- -------------------- ---- -------
----------------------- ---
-- ------- ------ -----
----- ------------ -
------------------- ------ -
----------- - --
------------------------
---------------- -- -
----------- - -------------
--
-
-现在，插件会自动将依赖项 $scope 和 $http 注入到 MyController 中。这样，我们就不需要手动添加依赖项了。
结论
在本文中，我们介绍了 @zdychacek/babel-plugin-ng-inject-classes 插件的详细使用方法。它可以帮助我们自动注入依赖项，减少了手动处理依赖项的时间和精力。如果你是一个 AngularJS 1.x 的开发者，这个插件值得你尝试。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ea381e8991b448dc028