momentjs - Moment.js 和汇总模块打包器

Question

有什么方法可以让 Moment.js 与 rollup 一起工作而无需更改此 import 语句:

从“时刻”导入 * 作为时刻

我尝试使用 rollup 注入(inject)插件，但没能成功。

Answer 1

如解释here ，从 2.10.0 版本开始，moment 是使用 ECMAScript 6 模块编写的。因此，该库应该直接与 Rollup 兼容。这是一个使用 npm 的解决方案:

• 将 moment 添加到您的 node_modules:npm install moment --save

要在 Rollup.js 中使用 npm 模块，您需要在 devDependencies 中安装这两个插件:rollup-plugin-commonjs和 rollup-plugin-node-resolve .第一个使您能够像使用 ECMAScript 模块一样使用 Node 的 CommonJS 模块(= 使用 import 语法来加载它们)。

• 在您的代码中导入模块:import moment from "moment";

您现在可以正常使用moment，例如:

console.log(moment().format());

我是 Rollup 的新手，我仍在尝试弄清楚它是如何工作的。我用上面的解决方案做了一个简单的测试，它似乎有效，除了整个库都包含在包中——预期的 tree-shaking 没有发生，我不知道为什么。