Browserify require ('restangular') restituisce l'oggetto vuoto

Question

Im affrontare un problema quando provo a utilizzare browserify, angularjs e restangular.

Quando si tenta di richiedere il modulo npm o bower, ad esempio richiedono ('restangular), browserify restituisce oggetto vuoto. Questo succede quando richiedo dei moduli bower o npm. Quando provo a richiedere qualsiasi file locale, tutto funziona correttamente.

struttura del file:

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')) 
}); 

Potete aiutarmi? Grazie in anticipo.

Answer 1

Basta modificare la parte "browser" in package.json:

"browserify-shim": { 
    "angular": { 
     "exports": "angular" 
    }, 
"restangular": { 
     "depends": [ 
     "angular" 
     ], 
     "exports": "restangular" 
    } 
} 

Spero che funzionerà.

Answer 2

Prova a modificare il file package.json con questo snippet.

"browser": { 
    "restangular": "./bower_components/restangular/dist/restangular.js" 
    }, 
    "browserify-shim": { 
    "restangular": { 
     "depends": [ 
     "angular", 
     "lodash:_" 
     ], 
     "exports": "null" 
    } 
    } 

Soluzione per gentile concessione di @newtricks da questa discussion