angularjs - 如果需要下划线，browserify 源映射不起作用

Question

我将 browserify 用于我的 Angular 客户端应用程序。我需要使用下划线。 angular 与 bower 一起安装，下划线与 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')
...

如果我不需要('下划线')，则源映射正在工作。我可以查看原始文件并设置断点。



但是如果我需要('下划线')，源映射不再起作用。我什至无法查看文件。



我也尝试用凉亭安装下划线，但出现以下错误:

[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 中添加下划线路径

配置.js

require: ['node_modules/underscore']

或者

包.json

"underscore": "./node_modules/underscore"