javascript - 如何在客户端脚本中导入实用方法

Question

假设有两个主要文件夹:lib文件夹，该文件夹中有一个utils.js文件静态文件夹和一个element.js文件

在 utils.js 文件中，代码为:

'use strict';

var Utils = {};

Utils.getPrint = function() {
    return "hello";
};

module.exports = Utils;

现在，在静态文件夹中，element.js 文件是客户端脚本，因此:

'use strict';

(function() {
// I must import utils.js file but I don't know how do this. Something like 
var utils=require();
    $(document).ready(function() {


        });


}());

任何人都可以帮助我如何编写代码才能在 element.js 文件中导入 utils.js 文件？

Answer 1

如果您想从客户端/服务器端导入模块，则需要像 Browserify 这样的 bundler 和 Webpack .

Node.js 遵循 CommonJS 模块规范，例如“var module = require('module');”某些东西，并且浏览器不遵循 CommonJS。它有自己的 ES6 模块规范，但仍然没有浏览器支持，Node.js 也没有支持。

稍后，当所有浏览器都支持ES6模块系统并且Node.js也支持时(Node.js基于V8，因此它将支持 future 的ES功能)，那么您可以编写浏览器/服务器都可以使用的ES6模块是的，但不是现在。