Jak "wymagać" plików tekstowych za pomocą przeglądarki?

Question

Używam browserify (używając browserify-middleware) jak mogę wymagać prostych plików tekstowych, coś jak:

var myTmpl = require("myTmpl.txt"); 

ja sprawdziliśmy basen stringify wtyczki dla browserify ale kod w dokumentacji nie pracuje z browserify V2

Answer 1

require() jest naprawdę najlepszy dla kodu javascript i plików json, aby zachować parzystość z węzłem i poprawić czytelność kodu dla osób postronnych, które oczekują, że require() będzie działał tak samo, jak w węźle.

Zamiast używać require() do ładowania plików tekstowych, należy rozważyć użycie transformacji brfs. Z brfs, utrzymać parytet z węzła wywołując fs.readFileSync() ale zamiast robić synchronicznego IO jak w węźle brfs będzie inline zawartość pliku do wiązki tak

var src = fs.readFileSync(__dirname + '/file.txt'); 

staje

var src = "beep boop\n"; 

w in-place wyjście z pakietu.

Wystarczy skompilować z -t brfs:

browserify -t brfs main.js > bundle.js 

Więcej dyskusja o tym, dlaczego przeciążenia require() nadto jest to zły pomysł: http://mattdesl.svbtle.com/browserify-vs-webpack

Answer 2

Jeśli naprawdę chcesz używać require(), można zajrzeć do partialify:

my.txt:

Hello, world! 

index.js:

alert(require("my.txt")); 

Gdzie Browserify jest skonfigurowana: "Hello, world"

var partialify = require("partialify/custom"); 
partialify.alsoAllow("txt"); 

bundle.add("./index.js"); 
bundle.transform(partialify); 

Teoretycznie dostaniesz wiadomość w przeglądarce.
P.S. Nie próbowałem tego sam.

Edit: pamiętać, że zgodność tego rozwiązania przerw NodeJS - działa tylko w browserified państwa, jak NodeJS nie umie wymagać .txt plików.

Answer 3

stringify:

https://github.com/JohnPostlethwait/stringify

Oto przykład autor:

var bundle = browserify() 
    .transform(stringify(['.hjs', '.html', '.whatever'])) 
    .add('my_app_main.js');