Wie man Textdateien mit browserify "benötigt"?

Question

Ich bin mit browserify (browserify-Middleware), wie kann ich einfache Textdateien erfordern, so etwas wie:

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

I cheked stringify Plugin für browserify aber der Code in der Dokumentation arbeitet nicht mit browserify V2

Answer 1

require() ist wirklich am besten für nur JavaScript-Code und JSON-Dateien, um die Parität mit Knoten zu erhalten und die Lesbarkeit Ihres Codes für Außenstehende zu verbessern, die require() erwarten, so wie es in Knoten funktioniert.

Anstatt require() zum Laden von Textdateien zu verwenden, sollten Sie die brfs Transformation verwenden. Mit BRFs pflegen Sie Parität mit Knoten durch fs.readFileSync() Aufruf aber anstatt das zu tun synchrone IO wie in Knoten wird BRFs inline den Inhalt der Datei in das Bündel an Ort und Stelle so

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

var src = "beep boop\n"; 

wird in die Bündelausgabe.

kompilieren einfach mit -t brfs:

browserify -t brfs main.js > bundle.js 

Weitere Diskussion darüber, warum require() zu viel ist eine schlechte Idee Überlastung: http://mattdesl.svbtle.com/browserify-vs-webpack

Answer 2

Wenn Sie wirklich verwenden require() wollen, bei partialify schauen Sie möchten:

my.txt:

Hello, world! 

index.js:

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

Wo Browserify konfiguriert ist: "Hallo Welt!"

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

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

Theoretisch erhalten Sie eine Nachricht im Browser.
P.S. Ich habe das selbst nicht versucht.

bearbeiten: beachten Sie, dass diese Kompatibilität NodeJS Lösung bricht - es funktioniert nur in browserified Zustand, wie NodeJS nicht weiß, wie .txt Dateien erfordern.

Answer 3

stringify:

https://github.com/JohnPostlethwait/stringify

Hier ist Autor Beispiel: Ein Teil des Top-Level-Paket Baumes

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