module.exports = {
    eslint: {
        enable: false
    },
    babel: {
        plugins: [
            ['import', { libraryName: 'acud', style: true, libraryDirectory: 'lib' }, 'acud'],
            ['@babel/plugin-proposal-decorators', { legacy: true }]
        ],
        presets: [
            '@babel/typescript'
        ]
    },
    devServer: {
        host: host,
        port: 8896,
        https: true,
        headers: {
            'Access-Control-Allow-Origin': '*'
        },
        proxy: {
            '/api': {
                target: URL,
                secure: false,
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/api'
                }
            },
        }
    },
    plugins: [
        {
            plugin: cracoLess,
            options: {
                lessLoaderOptions: {
                    lessOptions: {
                        modifyVars: { '@primary-color': '#1890ff' },
                        javascriptEnabled: true,
                    },
                },
            },
        }
    ],
    webpack: {
        resolve: {
            extensions: ['.js', '.jsx', '.json', '.ts', '.tsx', '.d.ts'],
        },
        module: {
            rules: [
                {
                    test: /\.(js|jsx|ts|tsx)$/,
                    exclude: /node_modules/,
                    use: {
                        loader: 'babel-loader',
                    },
                },
            ],
        },
        alias: {
            '@': resolve('src'),
        },
        configure: (webpackConfig, { env, paths }) => {
            paths.appBuild = 'output';
            webpackConfig.module.rules.push(
                {
                    test: /\.svg$/,
                    include: /node_modules/,
                    use: ['@svgr/webpack']
                }
            );
            webpackConfig.output.path = path.resolve(__dirname, 'output');
            webpackConfig.output.publicPath = '/';
            webpackConfig.output.filename = 'static/js/[name].js';
            webpackConfig.output.library = 'gaiadbMain';
            webpackConfig.output.libraryTarget = 'amd';
            webpackConfig.plugins = [
                ...webpackConfig.plugins.filter(item => {
                    if (item.options) {
                        return !item.options.hasOwnProperty('ignoreOrder');
                    }
                    return true;
                }),
                new MiniCssExtractPlugin({
                    filename: 'static/css/[name].css',
                    ignoreOrder: false,
                    experimentalUseImportModule: undefined,
                    runtime: true,
                    // chunkFilename: 'static/css/[name].[contenthash:8].chunk.css'
                }),
            ];
            return webpackConfig;
        }
    },
};