我使用browserify作为我的角度客户端应用程序.我需要使用下划线.使用bower安装angular,使用npm安装下划线
原文链接：https://www.f2er.com/angularjs/141944.html这就是我运行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文件工作
