Rollup：按顺序捆绑

Question

几天来，我一直在尝试熟悉 Rollup，但有一件事让我感到困惑。 Rollup 总是在文件开头对导入脚本的内容进行分组，而不管它被导入到的文件末尾的正确位置。这对于很长的同步脚本来说是个问题。

Rollup 不支持这个，还是我不确定如何正确配置？

我通过 CLI 和设置文件 (rollup.config.js) 使用它。它运作良好，除了我上面提到的情况。

你能帮忙吗？

编辑： 首先：这只是一个例子。

假设我有两个文件，一个叫index.js，另一个叫 maths.js，后者由第一个导入。

// index.js

/**
 * License ...
 */

let numbers = {};
numbers.property = "This is a static variable";
numbers.base = 1000;

// Module maths
import {maths} from "./maths";
numbers.maths = maths;

// Testing
console.log(numbers.maths.sum(10, 20))

// maths.js

let maths = {};

maths.sum = function(x, y) {
    return example.base + x + y;
}

export {maths};

预期结果：index.js 输出

/**
 * License ...
 */

let numbers = {};
numbers.property = "This is a static variable";
numbers.base = 1000;

let maths = {};

maths.sum = function(x, y) {
    return example.base + x + y;
};
numbers.maths = maths;

console.log(numbers.maths.sum(10, 20));

真实结果：index.js 输出

let maths = {};

maths.sum = function(x, y) {
    return example.base + x + y;
};

/**
 * License ...
 */


let numbers = {};
numbers.property = "This is a static variable";
numbers.base = 1000;
numbers.maths = maths;


console.log(numbers.maths.sum(10, 20));

请注意，汇总不遵循导入中的代码顺序。这对于同步代码很重要。

Answer 1

汇总遵循规范。当你在浏览器中使用原生模块加载器时，如果index.js 导入maths.js，那么math.js 将在index.js 执行之前被加载并执行。 （如果math.js有自己的依赖，也会先加载执行，等等等等）

因此，如果您想在导入声明之前运行一些代码，则必须将该代码放在不同的模块中并首先导入：

// numbers.js
export let numbers = {};
numbers.property = "This is a static variable";
numbers.base = 1000;

// index.js
import {numbers} from './numbers';
import {maths} from './maths';
numbers.maths = maths;

console.log(numbers.maths.sum(10, 20))