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

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/**'
        })
    ]
};

我想要汇总以构建node_modules并将其放入捆绑包，但是jsx出现错误Unexpected token，似乎无法处理jsx语法，但是，如果我在babel插件中未包含node_modules，它运作良好。那么用汇总构建node_modules的正确方法是什么？

Answer 1

将Babel插件放在CommonJS插件之前-转换按顺序运行，并且CommonJS不知道如何解析JSX，因此Babel插件需要首先发生。