使用 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') },

      ]
    })
  ]
};