不需要客戶端的JS文件

Question

我正在嘗試學習如何制作NPM軟件包，我認為這很容易：使用對象文字創建JS文件，導出模塊，然后在另一端，讓用戶需要該文件並使用對象： objectname.method 。 問題是我的目標用戶將要使用我的庫來制作html5游戲。 我沒有制作客戶端應用程序的經驗，也沒有真正了解沒有這些方法如何導入和需要文件。

我該怎么做？ 我以為我可以喜歡nodeJS並通過module.exports = {}制作文件

我嘗試導出的對象的示例。 老實說，我很喜歡它，所以它可能是完全錯誤的。

//modEx.js
 module.exports = {
   drawBall: (ctx, x, y, ballRadius) => {
     ctx.beginPath();
    ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
    ctx.fillStyle = "#0095DD";
    ctx.fill();
    ctx.closePath();
  },

  hello: function() {
   return "HELLO";
  }
};

然后我通過嘗試導入/請求另一個文件並打開帶有腳本標簽的html文件進行測試。

//example.js
const mod_ex = require("./mod_ex");
console.log('hello',mod_ex.hello); #=> hello, undefined

Answer 1

似乎您需要將lib與Webpack或任何其他捆綁程序捆綁在一起。

Answer 2

可以將js文件與webpack或宗地或其他捆綁器捆綁在一起，或者僅使用<script type="module"> ，您就可以使用es6 import。 但是，所有瀏覽器中的支持程度約為80％。