如何将节点模块放入汇总包？

Question

有一个简单的汇总配置，像这样。

export default {
    input: 'src/index.js',
    output: {
        file: 'build/index.js',
        format: 'cjs'
    },
    external: ['react', 'react-dom', 'prop-types', 'emotion'],
    plugins: [
        resolve({
            extensions: ['.js', '.jsx']
        }),
        commonjs(),
        babel({
            include: 'node_modules/**'
        })
    ]
};

我想用rollup来构建node_模块并将它们放入捆绑包，但我得到了一个错误，jsx出现了一个错误意外标记，似乎它无法处理jsx语法，但是如果我不在babel插件中包含node_模块，它就可以正常工作。那么，使用rollup构建节点_模块的正确方法是什么？

Answer 1

将Babel插件放在CommonJS插件之前——转换按顺序运行，CommonJS不知道如何解析JSX，所以Babel插件需要首先进行。