2013-04-19 14 views
17

Per impostazione predefinita, browserify non esegue le trasformazioni su moduli inclusi da node_modules, ovvero senza percorso.Come eseguire una trasformazione sul modulo npm utilizzando browserify

Ho fatto un rapido repo github che lo illustra here. Il file index.js che viene browserified assomiglia a questo:

var fs = require('fs'); 
var testmodule = require('testmodule'); 
var trg1 = document.getElementById("target1"); 
var trg2 = document.getElementById("target2"); 
trg1.innerHTML = fs.readFileSync(__dirname+"/something.txt"); 
trg2.innerHTML = testmodule(); 

testmodule assomiglia a questo:

var fs = require('fs'); 
exports = module.exports = function() { 
    return fs.readFileSync(__dirname+'/data.txt'); 
} 

Utilizzando la brfs trasformata modulo, voglio essere in grado di inline entrambe le chiamate al fs.readFileSync, ma quando ho eseguire browserify index.js -t brfs -o bundle.js, solo la chiamata nel mio progetto principale viene inline. Ecco il risultato bundle.js:

;(function(e,t,n){function r(n,i){if(!t[n]){if(!e[n]){var s=typeof require=="function"&&require;if(!i&&s)return s(n,!0);throw new Error("Cannot find module '"+n+"'")}var o=t[n]={exports:{}};e[n][0](function(t){var i=e[n][1][t];return r(i?i:t)},o,o.exports)}return t[n].exports}for(var i=0;i<n.length;i++)r(n[i]);return r})({1:[function(require,module,exports){ 
// nothing to see here... no file methods for the browser 

},{}],2:[function(require,module,exports){ 
var fs = require('fs'); 
var testmodule = require('testmodule'); 
var trg1 = document.getElementById("target1"); 
var trg2 = document.getElementById("target2"); 
trg1.innerHTML = "This is data from a file in the main project folder"; // TRANSFORMED 
trg2.innerHTML = testmodule(); 
},{"fs":1,"testmodule":3}],3:[function(require,module,exports){ 
(function(__dirname){var fs = require('fs'); 
exports = module.exports = function() { 
    return fs.readFileSync(__dirname+'/data.txt'); // NO TRANSFORM 
} 
})("/node_modules/testmodule") 
},{"fs":1}]},{},[2]) 
; 

risposta

23

avuto qualche aiuto da sottocatasta (autore di browserify) su questo. Per specificare se un modulo al di fuori di un progetto richiede trasformazioni, è necessario specificare un array browserify.transform in package.json. Così, per l'esempio che ho dato sopra, il file nella directory package.json testmodule assomiglia a questo:

{ 
    "name":"testmodule", 
    "version":"0.0.0", 
    "browserify": { 
     "transform": ["brfs"] 
    }, 
    "main": "index.js" 
} 
+0

perché non contrassegnare questo come la risposta corretta? – xorinzor

+1

stavo andando a non appena ho scritto, ma a quanto pare non me lo lascerà fare fino a 2 giorni dopo, e mi ero dimenticato a quel punto ... – AndyPerlitch

+0

Mi hai salvato! Grazie mille! –

0

È anche possibile utilizzare al posto di browserify -g brfsbrowserify -t brfs. g è una trasformazione globale (che si applica alle dipendenze)

Problemi correlati