angularjs - 空对象需要 Angular 浏览器

Question

当我尝试使用 bowserify、angularjs 和 coffeescript 时，我遇到了一个问题。

事实上，当我尝试 require('angular') 时，我得到一个空对象:

angular = require('angular')
console.log angular ## return an empty object {}

configuration = require('../../config/config') 
console.log configuration ## returns my fully config file correctly

我不知道为什么在这种情况下它不能正常工作:-/。
这是我的 package.json，我在其中放置了我的个人 Angular 依赖项:

{
    "dependencies": {
        "gulp": "*",
        "gulp-browserify": "*",
        "coffeeify": "*",
        "gulp-concat": "*"
    },
    "browser": {
        "angular": "./app/core/angular-libs/angular.min.js",
        "angular-route": "./app/core/angular-libs/angular-route.min.js",
        "angular-animate": "./app/core/angular-libs/angular-animate.min.js"
    }
}

这是我的 gulp 文件，它在 dest 文件夹中生成我的 bundle.js:

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

gulp.task('scripts', function () {
    return gulp.src('app/**/*.coffee', { read: false })
        .pipe(browserify({ transform: ['coffeeify'], extensions: ['.coffee'] }))
        .pipe(concat('bundle.js'))
        .pipe(gulp.dest('./dest/'));
});

gulp.task('default', function () {
    gulp.run('scripts');
});

你能帮助我吗 ？ :-/

感谢提前

Answer 1

Angular 1 不支持 CommonJS 模块，因此它“导出”一个空对象。

相反，只需要它(不分配结果):

require('angular')

这会将 Angular 附加到全局对象。

更新: As of Angular 1.3.14 , require('angular')现在返回 angular目的。