webpack.config.js

const path = require('path');
const Dotenv = require('dotenv-webpack').config();

module.exports = function (env, argv) {
  return {
    // resolve: {
    mode: env.production ? 'production' : 'development',
    alias: {
      '@components': path.resolve(`${__dirname}/src/components`),
      '@redux': path.resolve(`${__dirname}/src/redux`),
      '@layouts': path.resolve(`${__dirname}/src/layouts`),
      '@pages': path.resolve(`${__dirname}/src/pages`),
      '@styles': path.resolve(`${__dirname}/src/styles`),
      '@constants': path.resolve(`${__dirname}/src/constants`),
      '@assets': path.resolve(`${__dirname}/src/assets`),
      '@hocs': path.resolve(`${__dirname}/src/hocs`),
      '@providers': path.resolve(`${__dirname}/src/providers`),
      '@lang': path.resolve(`${__dirname}/src/lang`),
      '@hooks': path.resolve(`${__dirname}/src/hooks`),
    },
    // },
    // module: {
    plugins: [new Dotenv({ path: path.resolve(__dirname, '.env.' + dotenv) })],
    rules: [
      {
        test: /\.svg$/,
        use: [
          {
            loader: 'svg-url-loader',
            options: {
              limit: 10000,
            },
          },
        ],
      },
    ],
    // },
  };
};