Как поместить узловые модули в связку?

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 и поместить их в связку, но я получил ошибку Unexpected token для jsx, похоже, он не может обработать синтаксис jsx, однако, если я не включаю node_modules в плагин babel, он работает Что ж. Итак, как правильно построить node_modules с накопительным пакетом?

Answer 1

Поместите плагин Babel перед CommonJS - преобразования выполняются по порядку, и CommonJS не знает, как анализировать JSX, поэтому Babel должен произойти первым.