angularjs - Angular 模块作为节点模块？

Question

我真的很喜欢Angular的核心模块，我正在尝试在 node/io.js 环境中使用其中的一些功能；即：将Angular 模块转换为 commonjs 格式的 ES5 模块。

我尝试使用 traceur 一个一个地手动构建 angular 模块，但没有成功（生成循环依赖），并且还尝试调整 angular 项目gulpfile.js以生成 commonjs 格式的 ES5 输出：

var _COMPILER_CONFIG_JS_DEFAULT = {
  sourceMaps: true,
  annotations: true, // parse annotations
  types: true, // parse types
  script: false, // parse as a module
  memberVariables: true, // parse class fields
  modules: 'commonjs'
};

...正在运行build/transpile.js.dev任务，但我一直面临这条消息：

TypeError: Cannot call method 'map' of undefined

即使通过更改sourceMaps默认配置，我也无法摆脱这个map错误。

我还注意到他们的编译器工具，它似乎实际上处理了输出格式。但我没有机会改变它的选择。我只能在System.register无法转换为 commonjs 格式的文件中使用默认配置。

经历过这一切的人有没有在 commonjs 风格的项目中使用 angular 模块的解决方案？请注意，我想将其用作库，并且不想将我的项目转换为另一种类型的模块系统。

欢迎任何建议，谢谢！

Answer 1

使用 CommonJS 包装器来映射 Angular 模块，例如这个例子：

# angular is required globally
{{name}} = angular.module '{{name}}', []
module.exports = {{name}}

• 要求与浏览 Angular
• 我应该使用 Browserify 还是 Webpack 来延迟加载 Angular 1.x 中的依赖项
• WebPack：角度示例
• WebPack：Angular 注入器插件
• AngularJS 问题 #4694：feat($injector)：引导后加载新模块的能力

Answer 2

我认为使用 Angular 模块和构建步骤将所有文件连接到一个主文件是一种好方法。

这是我正在工作的项目的 gulpfile.js。

var gulp = require('gulp');
var concat = require('gulp-concat');


    var path = 'app/js/';
    var srcFiles = [path + 'midi.js',
                    path + 'keyboard.js',
                    path + 'analyser.js',
                    path + 'services/amp.js',
                    path + 'services/lfo-amp.js',
                    path + 'services/osc.js',
                    path + 'services/filter.js',
                    path + 'services/lfo.js',
                    path + 'audio.js',
                    path + 'synth.js',
                    path + 'app.js'];

    gulp.task('default', function () {
      gulp.src(srcFiles)
        .pipe(concat('app.js'))
        .pipe(gulp.dest('dist/js/'))
    });

gulp.src 接受要连接的文件数组，并将所有文件保持正确的顺序。现在，您可以根据需要将 Angular 项目分解为主要文件，而不必担心尝试加载一堆脚本标签而导致服务器瓶颈。