javascript - Browserify:覆盖包并使用不同的主文件

Question

Browserify 的 "browser" field在 package.json 中似乎重载了，我想不出解决这个问题的方法

我如何在浏览器中填充几个不需要的包(例如 ws 和 canvas)同时更改 “main” 文件供 browserify 使用

我希望这样的事情能奏效

{
    "browser": {
       "ws": "./src/browser/ws-shim",
       "main": "./src/BrowserVersion"
    }
}

src/browser/ws-shim

module.exports = global.WebSocket;

Repository in question有一些特定的 Node 功能，例如 TCP 上的服务和 stream 支持，这在浏览器中没有意义。同时，我们使用多个浏览器 API 的 Node 端口在 Node 和 Browserifyied 版本的库之间共享代码

Answer 1

使用浏览器键映射到您的主文件。

{
    "browser": "./src/browserIndex.js"
}

然后使用 aliasify转换以映射其余依赖项。

{
    "browserify": {
        "transform": [ "aliasify" ]
    },
    "aliasify": {
        "aliases": {
            "ws": "./src/browser/ws-shim"
        }
    },
    "devDependencies": {
        "aliasify": "^1.4.0"
    }
}