在Cordova中加载带有require的模块

Question

我是新手javascript尝试使用模块require（）大量使用cordova。 我通过一些教程去了这个喜欢这里 。 我在本教程中尝试了一个非常简单的例子，似乎有些东西丢失了。

这是我的HTML代码。

 <script>
 var abc = require("js/greeting.js");
        function mod() {
            try{

                var g =  abc.sayHelloInEnglish();
            console.log("reached the call");
            document.getElementById("modl").innerHTML = g;
            }
            catch(err){
                console.log("error is" + err.message);
            }   
        }
    </script>
    <button onclick="mod()">click</button>

这是我的greeting.js的代码

  //var exports = module.exports = {};

exports.sayHelloInEnglish = function() {
    return "HELLO";
};

exports.sayHelloInSpanish = function() {
    return "Hola";
};

当我单击按钮单击时，它会给出一个错误，即未定义abc。 我在这里缺少使用该模块的东西吗？ 非常感谢。

Answer 1

实际上module.require不适用于浏览器。 你不能像在script -tag中那样使用它。 require是node.js（服务器端javascript）。

如果要在浏览器中使用它，则应使用预处理。 例如，您可以使用browserify 。

了解更多 - 3分钟视频CommonJS模块

Answer 2

您不能在浏览器中本机使用require / module.exports 。 它内置于Node.js / io.js中，可以在服务器上运行。

如果要在浏览器中使用require() / CommonJS模块，请查看RequireJS 。

如果您想在浏览器中运行Node / io.js代码（包括但不限于require() / CommonJS），请查看Browserify或webpack 。

既然你说你使用的是cordova，我的猜测就是你根本不需要require() 。 只需像平常一样编写HTML / CSS / JavaScript，然后使用cordova将其打包。 cordova使用require()很多但不应该影响你的应用程序的代码。