Angular 与 Browserify答案

【问题标题】：Angular with BrowserifyAngular 与 Browserify
【发布时间】：2016-03-30 05:06:52
【问题描述】：

我是 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'));
});

【问题讨论】：

标签： javascript angularjs browserify

【解决方案1】：

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

import angular from 'angular';

而且效果很好。我相信您仍然可以使用 bower，但您可能需要使用 debowerify。我不确定——太多的 browserify 过程对我来说仍然是一种魔法，需要解压。

【讨论】：