angularjs – 如果需要下划线,则浏览器源图不起作用

我使用browserify作为我的角度客户端应用程序.我需要使用下划线.使用bower安装angular,使用npm安装下划线

这就是我运行browserify(npm)并在gulp(npm)中创建源映射的方法

gulp.task('browserify',function() {
    return browserify(dir.script_from + '/main.js',{debug: true})
        .bundle()
        .pipe(source('bundle.js')) // gives streaming vinyl file object
        .pipe(buffer()) // <----- convert from streaming to buffered vinyl file object
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(uglify()) // Now gulp-uglify works
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(dir.script_to));
});

在我的main.js中,我有

//require('underscore')
require('angular')
require('angular-resource')
require('angular-route')
require('./home/home_page.js')
...

如果我不需要(‘下划线’),源地图就可以了.我可以查看原始文件并设置断点.

但是如果我需要(‘下划线’),源地图就不再起作用了.我甚至无法查看文件.

我也尝试用bower安装下划线,但是我收到以下错误：

[23:59:02] Starting 'browserify'...
events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: Cannot find module 'underscore' from '/Users/[my path]/app/client/script'

请注意,这两个bower(我配置了路径)和npm将模块放在’/ Users / [my path] / node_modules’文件夹中

我甚至尝试过只有一行的main.js：require(‘下划线’)而不工作,但是空的main.js文件工作

我对下划线/ browserify也有同样的问题.也许更好的方法是将其排除在捆绑中.只需要一个< script>标记链接到您的下划线文件.在捆绑中,您可以直接使用_.

如果您使用角度,建议使用单独的< script>同样,由于大多数用户可能已经从CDN获得了另一个角度网站的角度.