const CracoLessPlugin = require("craco-less");
module.exports = {
  devServer: {
    port: 9000
  },
  webpack: {
    alias: {
      'react-dom': '@hot-loader/react-dom'
    }
  },
  plugins: [
    { plugin: require('craco-plugin-react-hot-reload') },
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: {
              "primary-color": "#00d0fa",
              "text-color": "#00d0fa",
              "text-color-secondary": "#00d0fa"
            },
            javascriptEnabled: true
          }
        }
      }
    }
  ]
};