将 ES 模块与 rollup.js 捆绑并生成多种文件格式

模块捆绑器

Rollup.js 是一个模块捆绑器。它接受输入文件，并将它们组合成一种或多种格式的单个输出文件。

这里起一个简单的 rollup-demo 项目，其中一个 helpers.js 文件，如下所示。

let answer = 42

let getTheAnswer = function () {
  return answer
}

export default getTheAnswer

另一个 index.js 从 helper.js 中导入内容，如下所示。

import getTheAnswer from './modules/helpers.js'

let name = 'O.O'

alert('The answer is ' + getTheAnswer())

我们可以使用 rollup.js 来输出一个 main.js 文件，该文件导入所有必需的文件和函数，并将它们限定在 IIFE 中，如下所示。

(function () {
  'use strict'

  let answer = 42
  let getTheAnswer = function () {
    return answer
  }

  alert('The answer is ' + getTheAnswer())
})()

这避免了使用原生