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

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并将它们放入bundle中，但是我为jsx得到了一个错误Unexpected token，好像它无法处理jsx语法，但是如果我在babel插件中不包含node_modules，它运行良好。那么使用汇总构建node_modules的正确方法是什么？

Answer 1

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