如何使用CommonJS插件使用匯總來部分包含Node.js模塊

Question

我正在嘗試使用樹狀搖晃功能將bitcore-lib部分地包含到我的網頁中，該樹狀搖晃提供了開箱即用的功能，並且使用rollup-plugin-commonjs來加載Node.js模塊。

為了更好地說明問題，我在github上提供了一個演示項目。

您可以看看bundle.js 。 如果我通過以下方式定義模塊：

const useful = "3";
const useless = "4";

export {usefull, useless}

搖樹工作正常-最終的捆綁包僅包含有用的依賴項。

但是，如果我以演示項目的bitcore-lib（ node-lib.js ）中定義的方式定義模塊：

module.exports = {
    useful: "1",
    useless: "2"
};

在這種情況下，最終的捆綁包包括整個模塊。

我已經預料到了useless: 2由於樹的搖晃，不應該包含useless: 2依賴項。 我的index.js在這里：

import {usefull as usefull1} from "./my-node-lib"
import {usefull as usefull2} from "./my-es-lib"

console.log(`hi! ${usefull1} ${usefull2}`);

我的rollup.config.js 在這里可用

這是模塊定義或匯總配置的問題嗎？

Answer 1

搖樹僅適用於ES6模塊。 至少對於Webpack來說是正確的，我也想對它進行匯總。 您的第一個定義是ES6，第二個定義是commonjs。

因此，如果未將庫編譯/移植到ES6模塊，則搖樹將不起作用。 另一個不起作用的功能是模塊串聯。

根據庫，您可以嘗試重新編譯它。