我在尝试使用browserify,angularjs和restangular时遇到问题。
当我尝试要求使用npm或bower模块时,例如require('restangular),browserify返回空对象。当我需要任何bower或npm模块时,就会发生这种情况。当我尝试要求任何本地文件时,一切正常。
文件结构:
bower_components/
src/
-client
-app
app.js
backend
backend.module.js
-test
test.module.ls
test.js
node_modules/
app.js
(function() {
'use strict';
require('angular');
var rest = require('restangular');
console.log(rest);
module.exports = angular
.module('app', [
require('restangular').name,
require('./test/test.module').name,
]);
})();
package.json
"browserify": {
"transform": [
"browserify-shim"
]
},
"browser": {
"restangular": "./bower_components/restangular/dist/restangular.js"
},
"browserify-shim": {
"restangular": "restangular"
}
gulpfile.js
gulp.task('browserify', function() {
gulp.src(['./src/client/app/app.js'])
.pipe(plugins.browserify({
insertGlobals: true,
debug: true
}))
.pipe(plugins.concat('bundled.js'))
.pipe(gulp.dest('./src/client/js'))
});
你能帮助我吗?
提前致谢。
最佳答案
只需在package.json中修改您的“浏览器”部分即可:
"browserify-shim": {
"angular": {
"exports": "angular"
},
"restangular": {
"depends": [
"angular"
],
"exports": "restangular"
}
}
希望它能工作。
关于angularjs - Browserify require ('restangular')返回空对象,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31739646/