Webpack変数

Question

webpackを使い始めたばかりで、私の問題についてインターネット上で回答が見つかりませんでした。

私は2つのスクリプトがあります：YOLO module.jsで変数定義されていないのはなぜ

var yolo = "lol"; 
 
console.log(yolo); 
 
require("./module.js");

console.log(yolo);

を？ どうすればこの問題を解決できますか？

socket.ioサーバーで複雑なhtml5ゲームを作成したいと考えています。

Answer 1

は一言で言えば、CommonJSモジュールは次のように動作します：

module.js

var yolo = "lol"; 
console.log(yolo); 
module.exports = { 
    yolo: yolo 
}; 

client.js

var module = require("./module"); 
console.log(module.yolo); 

Answer 2

のWebPACKを始めるには絶好の場所をMadeWithLoveのWebpack your bagsです。

JavaScriptコンポーネントを作成したら、3つのjや他のエンジンを使用して簡単にゲームに移行できます。 Additionalyあなたがes2016を使い始めることができ、あなたのモジュールがもっとこのように見ることができバベル使用：

// yolo.js 
export default class Yolo { 
    constructor() { 
     this.lifeMotto = 'yolo' 
    } 

    printMotto() { 
     console.log(this.lifeMotto) 
    } 

} 

// main.js 
import Yolo from './yolo' 

let motto = new Yolo() 
motto.printMotto() 

をすべてWebPACKのすべてが素晴らしいです、それはあなたのゲーム風を開発いたします。