使用带browserify的FileAPI库

Question

FileAPI库(https://github.com/mailru/FileAPI/issues/202)不正式支持CommonJS模块。我试过用布朗-希姆，但我不能让它工作。在requireing fileapi之后，我只需要返回一个空对象。我在这里创建了一个可复制的回购程序，https://github.com/Prinzhorn/browserify-fileapi

相关package.json部分

{
  "dependencies": {
    "fileapi": "2.0.15"
  },
  "devDependencies": {
    "browserify": "11.1.0",
    "browserify-shim": "3.8.10"
  },
  "browser": {
    "fileapi": "./node_modules/fileapi/dist/FileAPI.html5.js"
  },
  "browserify-shim": {
    "fileapi": "FileAPI"
  }
}

如果您想在本地试用它：

git clone git@github.com:Prinzhorn/browserify-fileapi.git
npm install
npm run build
chromium-browser index.html

查看Chromium中的控制台，您将看到运行console.log(Object.keys(require('fileapi')))时出现一个空数组。注意，有一个具有正确API的全局window.FileAPI。

有没有人知道褐化- shim是否能使FileAPI产生震颤？因为我相信它做了一些奇异的事情来管理它的依赖(连接的文件期待某些全局)。

Answer 1

您需要告诉browserify使用browserify-shim作为package.json中的转换，如这个例子中所概述的那样。

主要是你失踪了：

"browserify": {
   "transform": [ "browserify-shim" ]
}