1

我在捆绑我的同构/通用应用程序时遇到问题。出于某种原因，treeshaking 和 uglify 都完全忽略了 MongoDB 未在任何代码路径中使用并将其包含在我的浏览器包中的事实，这使得它非常大（1.3 MB）并且无法使用（因为本机 Node 模块）。它应该省略所有与 MongoDB 相关的代码，因为它没有被使用。它甚至正确地从包中删除了死代码分支，但 MongoDB 依赖项仍然存在，未使用。

我的入口点（index.js）：

import { TestService } from "../../services/TestService";
import { container, services } from "../../ioc";

const test = container.get("test");
test.retrieveTestMessage.then((result) => console.log(result));

ioc.js：

// omitted Inversify setup
import { TestService } from "./services/TestService";

if (DEPLOYMENT_NODE == true) // DefinePlugin sets this to false; only the 'else' branch is correctly included in the bundle
{
    container.bind("test").to(TestService);
}
else
{
    container.bind("test").toConstantValue(createClient(API_URL, "test"));
}

测试服务.js：

import { injectable } from "inversify";
import { MongoClient } from "mongodb";

@injectable()
export class TestService
{
    public async retrieveTestMessage()
    {
        if (DEPLOYMENT_NODE == true)
        {
            // omitted MongoClient usage
        }
    }
}

创建客户端函数：

export function createClient(url, service)
{
    const client = new Proxy(
        {},
        {
            get: (target, property, receiver) => async (...params) => fetch(url, { headers: new Headers({ "Content-Type": "application/json" }), method: "POST", body: JSON.stringify({ id: 0, service: service, method: property, parameters: params }) }) 
        }
    );

    return client;
}

我尝试webpack.IgnorePlugin(/mongodb/)在我的 Webpack 配置中使用它，它确实不包含 MongoDB，但是该捆绑包随后失败并出现“找不到 MongoDB 模块”错误，即使它根本没有使用。

如果有人有任何其他建议，我们将不胜感激。谢谢。

编辑：我正在使用最新的 Webpack 2 beta 并在我的 babel 配置中保留 ES6 模块。

4

1 回答 1

2

条件下的明确要求if应该有效

import { injectable } from "inversify";

@injectable()
export class TestService
{
    public async retrieveTestMessage()
    {
        if (DEPLOYMENT_NODE == true)
        {
            const { MongoClient } = require("mongodb");
            // omitted MongoClient usage
        }
    }
}
于 2016-11-15T00:40:49.973 回答