javascript - 使用 ES6 库的 ES5 模块，无需在我自己的项目中使用 rollup 编译它

Question

我需要使用 ES6 库（Luxon）并希望将文件编译为 ES5，但 Rollup 将文件添加为 ES6。

该库有一个/build具有不同输出格式的特殊文件夹。

如何配置 Rollup 以利用它而不是对库不做任何事情？

Answer 1

首先，您有两个选择：

• 使用 Rollup 和 @rollup/plugin-babel在您的项目中编译库
• 或者引用包的/build目录而不是包的 ES6 版本，使用带有@rollup/plugin-alias 的别名

我将采用第二种方法，因为这是您要求的方法：

1. 安装插件npm i @rollup/plugin-alias
2. rollup.config.js导入时import alias from '@rollup/plugin-alias';
3. 最后，将其添加到plugins：

const path = require('path');
module.exports = {
  input: 'src/index.js',
  output: {
    dir: 'output',
    format: 'cjs'
  },
  plugins: [
    alias({
      entries: [
        { find: 'luxon', replacement: path.resolve(process.cwd(), 'node_modules/luxon/build') },

      ]
    })
  ]
};