const { override, fixBabelImports, addDecoratorsLegacy, addWebpackAlias, overrideDevServer, disableEsLint, addLessLoader } = require('customize-cra');
const path = require('path')

const devServer = () => {
    return (config) => {
        return {
            ...config,
            open: true,
            proxy: {
                '/api': {
                    target: 'http://222k09y748.iask.in/',
                    changeOrigin: true,
                    pathRewrite: {
                        '^/api': '/'
                    }
                }

            }
        }
    }
}

module.exports = {
    webpack: override(
        addWebpackAlias({
            ["$actions"]: path.resolve(__dirname, "src/store/actions"),
            ["$pages"]: path.resolve(__dirname, "src/pages"),
            ["$c"]: path.resolve(__dirname, "src/components"),
            ["$router"]: path.resolve(__dirname, "src/router"),
            ["$public"]: path.resolve(__dirname, "src/public/js"),
            ["$http"]: path.resolve(__dirname, "src/public/js/http"),
            ["$button"]: path.resolve(__dirname, "src/public/js/buttons"),
            ["$src"]: path.resolve(__dirname, "src")
        }),
        addDecoratorsLegacy(),
        disableEsLint(),
        fixBabelImports('import', {
            libraryName: 'antd',
            libraryDirectory: 'es',
            style: true
        }),
        addLessLoader({
            javascriptEnabled: true,
            modifyVars: { '@primary-color': '#4BAEA0' },
        })

    ),
    devServer: overrideDevServer(
        devServer()
    )
};