带有 Browserify 的 Angular

Question

我是 Browserify 的新手，我正在尝试使用它和 Angular 1.5.3 设置一个项目。 当我查看我的网站时出现以下错误：

Uncaught TypeError: angular.module is not a function

单步执行代码我可以看到，在我下面的行中，angular 是一个空对象：

var angular = require("./../bower_components/angular/angular.js");

这是我的 gulpfile.js：

var gulp = require('gulp');
var source = require('vinyl-source-stream');
var browserify = require('browserify');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');


//the core bundle for our application
gulp.task('default', function() {
    return browserify('app/app.js')
        .bundle()
        .pipe(source('app.js'))
        .pipe(gulp.dest('build/js'));
});

Answer 1

当我开始使用 browserify 时，我使用 npm 而不是 bower 安装了 angular。 然后我可以说：

import angular from 'angular';

它工作正常。 我相信您仍然可以使用 bower，但您可能需要使用 debowerify。 我不确定 - 太多的 browserify 过程对我来说仍然是一种魔法，需要解包。