如何使用Babel在Rollup中设置Ramda（以使用ES6导入）

我能够解决问题。用相同的设置。我要做的就是更改rollup.config.js配置。更详细地讲，我遵循以下步骤：

1. 安装了插件，rollup-plugin-node-resolve以允许汇总服务第三者模块访问项目文件（例如，Ramda在node_modules中）：

   npm install --save-dev rollup-plugin-node-resolve
   

2. 然后，我必须在以下内容中添加resolve一个依赖项rollup.config.js：

   在文件的顶部放置：

   import resolve from 'rollup-plugin-node-resolve';
   

3. plugins使用以下参数在数组内调用resolve方法：

   //...code before
   resolve({
       jsnext: true,
       browser: true,
       main: true,
       preferBuiltins: false
   }),
   //...code after
   

4. 排除node_modules来自babel和包括一切commonjs以确保模块传递到项目作为依赖关系：

   //...code before
   babel({
       exclude: "node_modules/**",
       runtimeHelpers: false
   }),
   commonjs({
       include: 'node_modules/**'
   }) 
   //...code after
   

该rollup.config.js文件最后看起来像这样：

import babel from 'rollup-plugin-babel';
import eslint from 'rollup-plugin-eslint';
import commonjs from 'rollup-plugin-commonjs';
import resolve from 'rollup-plugin-node-resolve';

export default {
    entry: 'app/js/main.js',
    dest: 'app/min/main.min.js',
    format: 'iife',
    sourceMap: 'inline',
    plugins: [
        resolve({
            jsnext: true,
            browser: true,
            main: true,
            preferBuiltins: false
        }),
        eslint({
            'exclude': [
                'app/css/**'
            ]
        }),
        babel({
            exclude: "node_modules/**",
            runtimeHelpers: false
        }),
        commonjs({
            include: 'node_modules/**'
        })
    ]

};

最后对我有用。在./app/js/目录中的任何文件中，我都可以从Ramda导入特定功能，如下所示：

import {default as map} from 'ramda/src/map'; 

此外，在完成上述步骤之后，我还能够安装和集成这个令人惊叹的插件，从而使导入特定功能更加容易-babel-plugin-ramda。

然后，您可以以更简单的方式导入特定功能：

import {map, curry} from 'ramda'

多亏了该插件，仅提供了指定的功能。

希望这对遇到过相同问题的任何人有所帮助，或者将来会帮助那些遇到相同问题的人。

干杯。