介绍
browserify-nginject 是一个基于 browserify 的插件，用于自动注入 AngularJS 依赖，使得代码更易读和维护。
在编写 AngularJS 应用中，我们必须声明依赖项并把它们注入到模块中。手动编辑这些注入语句可以非常繁琐和容易出错，而 browserify-nginject 可以自动为我们完成这项任务。
安装
你可以从 npm 上安装 browserify-nginject，并将它添加到你的项目中：
npm install browserify-nginject --save-dev
使用
步骤 1：安装依赖
请先安装以下依赖：
步骤 2：在示例代码中使用 browserify-nginject
在你的代码中使用 browserify-nginject，你需要在 package.json 中添加以下配置：
{
"browserify": {
"transform": ["browserify-nginject"]
}
}步骤 3：手动注入依赖项
接下来，你需要在代码中手动注入使用的依赖项。这里有一个示例：
var app = angular.module('myApp', [
'ui.router',
'ngSanitize'
]);browserify-nginject 将自动为你完成这项任务！
当你运行你的构建任务（如：browserify index.js > build.js），browserify-nginject 将自动扫描你的代码，查找依赖并将它们注入到你的代码中。现在你可以在代码文件中省略这些注入语句，它们已经被 browserify-nginject 自动插入到了代码中。
示例
以下是一个示例，它演示了如何使用 browserify-nginject：
-- -------------------- ---- -------
-- ------
--- --- - ----------------------- ----
------------------------------ ----------- -
-- ---
----
-- --------
--- --------- - ---------------------------
--- ---------- - ----------------------
--- ------------------ - -------------------------------
--- ------------ - ---------------------------- -
--- - - ------------
-------- ---------
------ ----
---
--------------------------------
------ -----------
---
------------------ ---------- -
----------------------
-------------------
---------------------------
---总结
browserify-nginject 是一个方便的工具，它可以自动将 AngularJS 依赖注入到代码中，从而使代码更易读和维护。使用本教程中提供的步骤和示例，你可以快速地将它应用到你的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8cccdc64669dde53ee