@huzan/hz-lib/config/get-babel-config.js

'use strict'

/**
 * 文件说明:
 * ----------------------------------------
 * 创建用户: leo
 * 创建日期 2019/1/3
 */

const {extname} = require('path')

exports.getBabelConfig = function getBabelConfig(opts) {
    const {
        target,
        type,
        targetsBrowsers = ['last 2 versions', 'IE 10'],
        targetsNode = 8,
        runtimeHelpers,
        corejs = 3,
        filePath,
        nodeFiles,
        browserFiles,
        typescript,
        babelLodashOption = {},
        lazy,
    } = opts
    let isBrowser = target === 'browser'
    if (filePath) {
        if (extname(filePath) === '.tsx' || extname(filePath) === '.jsx') {
            isBrowser = true
        } else if (isBrowser) {
            if (nodeFiles.includes(filePath)) isBrowser = false
        } else if (browserFiles.includes(filePath)) isBrowser = true
    }
    const targets = isBrowser ? {browsers: targetsBrowsers} : {node: targetsNode}

    return {
        presets: [
            ...(typescript ? [require.resolve('@babel/preset-typescript')] : []),
            [
                require.resolve('@babel/preset-env'),
                {targets, modules: type === 'esm' ? false : 'auto'},
            ],
            ...(isBrowser ? [require.resolve('@babel/preset-react')] : []),
        ],
        plugins: [
            ...(type === 'cjs' && lazy && !isBrowser
                ? [
                      [
                          require.resolve('@babel/plugin-transform-modules-commonjs'),
                          {
                              lazy: true,
                          },
                      ],
                  ]
                : []),
            require.resolve('babel-plugin-react-require'),
            require.resolve('@babel/plugin-syntax-dynamic-import'),
            require.resolve('@babel/plugin-proposal-export-default-from'),
            require.resolve('@babel/plugin-proposal-export-namespace-from'),
            require.resolve('@babel/plugin-proposal-do-expressions'),
            [require.resolve('@babel/plugin-proposal-decorators'), {legacy: true}],
            [require.resolve('@babel/plugin-proposal-class-properties'), {loose: true}],
            [require.resolve('@babel/plugin-proposal-optional-chaining')],
            ...(babelLodashOption
                ? [require.resolve('babel-plugin-lodash'), babelLodashOption]
                : []),
            ...(runtimeHelpers
                ? [
                      [
                          require.resolve('@babel/plugin-transform-runtime'),
                          {useESModules: isBrowser && type === 'esm', corejs},
                      ],
                  ]
                : []),
        ],
    }
}