javascript - 如何在一个 Node 包中创建 AngularJs 指令，然后将其包含在应用程序的另一个 Node 包中？

Question

如果我有一个指令，并且我希望将其打包在自己的 Node 包中；然后从另一个包含主 angularjs 应用程序的 Node 包中包含它，我该怎么做？

我关于如何进行此操作的粗略想法是:

• 将指令的 html、javascript 和 css 放入包文件夹中
• 启用这些 Assets 的编译 - 预处理、缩小(如何？)
• 配置为 Bower 包
• 在app文件夹中安装bower包
  • 如何在本地执行此操作而不发布？
• 在创建主应用的 angular.module() 语句中，添加包含该指令的模块的名称

这是正确的吗？我错过了什么吗？

Answer 1

我觉得你关于如何解决这个问题的想法很好。要回答列表中的问题:

看看Grunt或Gulp满足您的预处理/缩小需求。这些都是优秀的构建工具。 Grunt 使用更广泛，但 Gulp 更新并且获得了很大的发展。我会同时考虑两者并使用适合您的那个。

如何使用本地 Bower 依赖项而不进行发布:在主应用程序的 Bower.json 文件中，不要放置模块的版本号，而是将文件夹放置在本地系统上可以找到的位置，如下所示:

{
  "dependencies": {
    "my-module": "/home/me/modules/my-module"
  }
}

为了澄清，您在问题中将其称为“Node 包”，但实际上，您正在创建一个 Bower包裹。 Node 包(发布到 npmjs.org )适用于 Node ，除非使用类似 Browserify 的内容进行处理，不会在浏览器中运行(即使如此， Node 包也无法执行浏览器不支持的任何操作，例如文件访问。) Bower 包(发布于 bower.io )专门用于浏览器。然而，您会发现发布到 NPM 和 Bower 的包，例如 jQuery 或 underscore，但您不能在浏览器中使用 npm jquery 包，它是为在 Node 中运行而构建的，反之亦然。