Question

WebPack 和 SoundManager2

2015-02-18

435

requirejs browserify commonjs soundmanager2 webpack

因此，我正在使用 webpack 创建自己的 js 类来打包客户端 js，并且我需要使用这个“soundManager”对象，它是我在页面上包含的第三方库。SoundManager 实际上位于 window.soundManager 上...我的问题是如何在我的 SoundLoader 类中访问 window.soundManager 上的这个对象？

/* global soundManager */
'use strict';

var debug = require('debug')('core:SoundLoader');

function SoundLoader() {
  this.$sm = soundManager;
}

SoundLoader.prototype.init = function(readyCallback, timeoutCallback) {
  this.$sm.setup({
    url: '/bower_components/soundmanager2/swf/soundmanager2_flash9.swf',
    onready: function() {
      if (readyCallback) {
        readyCallback();  
      }
    },
    ontimeout: function() {
      if (timeoutCallback) {
        timeoutCallback();
      }
    }
  });
};

module.exports = new SoundLoader();

如能得到任何帮助，我们将不胜感激！

谢谢！

Answer 1

假设您的项目中有 package.json ，您可以执行以下操作：

npm i scottschiller/SoundManager2 --save 。为了安全起见，您可能应该使用哈希语法 ( #tagname ) 指向某个特定标签。
将 var soundManager = require('SoundManager2').soundManager; 添加到您的代码中。这将为您提供您正在寻找的对象。

希望这对您有所帮助。