babel.config.js

module.exports = api => {
    api.cache(true);
    return {
        presets: ['next/babel'],
        plugins: [
            [
                'module-resolver',
                {
                    alias: {
                        '^react-native$': 'react-native-web',
                        '^@suite/(.+)': '../../packages/suite/src/\\1', // relative to this project
                        '^@(.+)-views/(.+)': '../../packages/suite/src/views/\\1/\\2',
                        '^@(.+)-views': '../../packages/suite/src/views/\\1/index',
                        '^@(.+)-components/(.+)': '../../packages/suite/src/components/\\1/\\2',
                        '^@(.+)-components': '../../packages/suite/src/components/\\1/index',
                        '^@(.+)-actions/(.+)': '../../packages/suite/src/actions/\\1/\\2',
                        '^@(.+)-actions': '../../packages/suite/src/actions/\\1/index',
                        '^@(.+)-reducers/(.+)': '../../packages/suite/src/reducers/\\1/\\2',
                        '^@(.+)-reducers': '../../packages/suite/src/reducers/\\1/index',
                        '^@(.+)-config/(.+)': '../../packages/suite/src/config/\\1/\\2',
                        '^@(.+)-config': '../../packages/suite/src/config/\\1/index',
                        '^@(.+)-constants/(.+)': '../../packages/suite/src/constants/\\1/\\2',
                        '^@(.+)-constants': '../../packages/suite/src/constants/\\1/index',
                        '^@(.+)-support/(.+)': '../../packages/suite/src/support/\\1/\\2',
                        '^@(.+)-support': '../../packages/suite/src/support/\\1/index',
                        '^@(.+)-utils/(.+)': '../../packages/suite/src/utils/\\1/\\2',
                        '^@(.+)-utils': '../../packages/suite/src/utils/\\1/index',
                        '^@(.+)-types/(.+)': '../../packages/suite/src/types/\\1/\\2',
                        '^@(.+)-types': '../../packages/suite/src/types/\\1/index',
                        '^@(.+)-middlewares/(.+)': '../../packages/suite/src/middlewares/\\1/\\2',
                        '^@(.+)-middlewares': '../../packages/suite/src/middlewares/\\1/index',
                        '^@(.+)-hooks/(.+)': '../../packages/suite/src/hooks/\\1/\\2',
                        '^@(.+)-hooks': '../../packages/suite/src/hooks/\\1/index',
                        '^@(.+)-services/(.+)': '../../packages/suite/src/services/\\1/\\2',
                        '^@(.+)-services': '../../packages/suite/src/services/\\1/index',
                        '^@desktop/(.+)': './src/\\1', // relative to this project
                    },
                },
            ],
            [
                'babel-plugin-styled-components',
                {
                    // desktop停用组件的ssr，避免出现报className前后端不同的异常
                    //      Prop `className` did not match. Server: "sc-kEYyzF gfWKdx" Client: "sc-ifAKCX cFlEyZ"
                    ssr: false,
                    displayName: true,
                    preprocess: false,
                },
            ],
        ],
    };
};