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

Question

我使用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('underscore')并且没有工作,但是空的main.js文件有效

Answer 1

gulp 正在检查根目录中的下划线。尝试在 config.js 或 package.json 中添加下划线路径

配置文件

require: ['node_modules/underscore']

或者

包.json

"underscore": "./node_modules/underscore"