节点 js 浏览器化实现

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

然后转到应用目录并运行此命令

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 会将您的配置文件添加到捆绑包中。