進口如何在客戶端腳本的實用方法

Question

假設有兩個原則文件夾：lib文件夾和該文件夾中有一個element.js文件

在utils.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() { 


     }); 


}()); 

任何人都可以幫助我，我如何代碼必須寫入導入utils.js文件element.js fi樂？

Answer 1

如果你想從客戶端/服務器端導入你的模塊，你需要一個捆綁器，如Browserify和Webpack。 Node.js遵循CommonJS模塊規範，如「var module = require（'module'）;」東西，並且瀏覽器不遵循CommonJS。它有自己的ES6模塊規範，但仍然沒有支持瀏覽器，也支持Node.js。後來，當所有的瀏覽器都支持ES6模塊系統和Node.js的時候也是這樣（基於V8的Node.js，所以它會支持未來的ES功能），那麼你可以編寫瀏覽器/服務器的ES6模塊都可以使用它，但不是現在。