webpack 如何处理全局对象的依赖？

问题描述

问 题

做了一个小游戏项目，js文件一大堆，想打包处理一下，之前了解过webpack一直没用，这次一上手就遇到点麻烦。

本来的项目是在 main.js 里有一个game 全局对象， 我在其他的js里直接操作 game对象就好了。但是webpack要怎么把他们弄到一起？

main.js

var Phaser = require('phaser');

var game = new Phaser.Game(640, 1040, Phaser.AUTO, 'canvasbox');
require('app_boot');
game.state.add('boot', bootState);

这样的话app_boot.js会找不到game对象

game.state.add 也无法加载 app_boot.js里的bootState对象

我该怎么做？

解决方案

WebPack打包时， 会把有依赖关系的js模块（物理形式上，一般表现为一个.js文件），打包成一个bundle。而依赖关系是基于require('...')，而且一般不要相互依赖。你这里的app_boot.js和game.js看起来是相互依赖的，最好能变为单项的依赖关系。

关于webpack的使用，我这有一例子：https://github.com/JackieGe/E...

这篇关于webpack 如何处理全局对象的依赖？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！