node js browserify implementation

Question

我想在瀏覽器上使用我的自定義模塊。例如我有一個AppConfig.js模塊

'use strict' 

var fs, configurationFile; 

configurationFile = './configs/appConfig.json'; 

fs = require('fs'); 

var AppConfig = function(){ 
function getMongoDbConnectionString() 
{ 
    var configuration = JSON.parse(
     fs.readFileSync(configurationFile) 
     ); 
    var connectionString= configuration.mongodbConnectionString; 
    return connectionString; 
} 

    function getDistanceCondition() 
{ 
    var configuration = JSON.parse(
     fs.readFileSync(configurationFile) 
     ); 
    var distance= configuration.distanceBetweenTwoArmatures; 
    return distance; 
} 

return { 

    getMongoDbConnectionString : getMongoDbConnectionString, 
    getDistanceCondition:getDistanceCondition 


}; 

} 

module.exports = AppConfig; 

我想在瀏覽器上使用這些模塊。爲此我安裝了browserify模塊。

npm install -g browserify

然後去app目錄並運行此命令

browserify -r ./modules/AppConfig.js:AppConfig > ./public/javascripts/bundle.js

然後我加入這行我的HTML文件。

<script src="/javascripts/bundle.js"></script> 

現在我想在我的javascritp函數上使用這個模塊。

var Configuration = require('AppConfig'); 
var configuration = new Configuration(); 
var connectionString= configuration.getDistanceCondition(); 

我打電話getDistanceCondition（）函數，但我採取了一個錯誤：

未捕獲的（以諾）類型錯誤：fs.readFileSync不是一個函數（...）

我該怎麼修復這個問題 ？ 可以給我一些信息。

Answer 1

fs無法瀏覽。然而，由於您的配置文件是JSON和你只使用fs讀取該文件，您可以通過使用require()替換：

var configuration = require(configurationFile); 

隨着額外的好處，Browserify將您的配置文件添加到包。