Jak wykonać transformację na module npm za pomocą przeglądarki browserify

Question

Domyślnie browserify nie wykonuje transformacji na modułach zawartych w module node_modules, tj. Bez ścieżki.

Zrobiłem szybkie repozytorium github, które ilustruje to jako here. Plik index.js który pobiera browserified wygląda następująco:

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 wygląda następująco:

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

Używanie brfs przekształcić moduł, chcę być w stanie inline oba połączenia do fs.readFileSync, ale kiedy uruchom browserify index.js -t brfs -o bundle.js, tylko wywołanie w moim głównym projekcie zostanie zaznaczone. Oto bundle.js wyniki:

;(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]) 
; 

Answer 1

Masz jakąś pomoc od substack (autor browserify) na ten jeden. Aby określić, czy moduł poza projektem wymaga transformacji, musisz określić tablicę browserify.transform w swoim package.json. Tak dla przykładu dałem powyżej, plik package.json w katalogu testmodule wygląda następująco:

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

Answer 2

Można również użyć browserify -g brfs zamiast browserify -t brfs. g to globalna transformacja (która ma zastosowanie do zależności)