如何用browserify「要求」文本文件？

Question

我使用browserify（使用browserify中間件） 我怎麼能要求簡單的文本文件，是這樣的：

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

我cheked stringify插件browserify但文檔中的代碼不與browserify V2

工作

Answer 1

require()真的只是用於JavaScript代碼和json文件，以保持與節點的奇偶性，並提高您的代碼的可讀性給期望require()在節點中工作的外部人員。

而不是使用require()加載文本文件，請考慮使用brfs轉換。隨着BRFS，您可以通過調用fs.readFileSync()但而不是做同步IO作爲節點保持與節點的奇偶，BRFS將內嵌文件內容到束就地所以

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

成爲

var src = "beep boop\n"; 

在

捆綁輸出。

與-t brfs只是編譯：

browserify -t brfs main.js > bundle.js 

更多關於爲什麼超載require()太多的討論是一個壞主意：http://mattdesl.svbtle.com/browserify-vs-webpack

Answer 2

如果你真的想使用require()，你可能想看看partialify：

my.txt：

Hello, world! 

index.js：

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

凡Browserify配置： 「你好，世界」

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

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

理論上你將得到一個消息在瀏覽器中。
P.S.我沒有自己嘗試過。

編輯：請注意，這個解決方案突破兼容性的NodeJS - 它只能在browserified狀態，因爲它的NodeJS不知道如何要求.txt文件。

Answer 3

字符串化：

https://github.com/JohnPostlethwait/stringify

下面是筆者例如：

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