我使用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文件工作