@import "_var";

:root{
  --primary-color: @primary-color;
  --danger-color: red;
}

window.less.modifyVars(vars).then(() => {
    if (vars['@primary-color'] === getItem(SYSTEM_CONFIG).primaryColor) return
    message.success('Смена основной темы прошла успешно')
})
window.less.refreshStyles()

export interface RouteItem {
  path: string
  exact: boolean
  meta: {
    tabFixed?: boolean // Фиксировать ли элемент вкладки
    isCache?: boolean // Кэшировать ли маршрут
    name: string
    icon: Function | string
    hidden?: boolean // Скрывать ли меню
  }
  component: ComponentType
  routes?: Array<RouteItem>
}

export interface aliveControlInterface {
  dropByCacheKey: (cacheKey: string) => void  // Очистить кэш по ключу, только для текущего маршрута и ключа очистки кэша
  refreshByCacheKey: (cacheKey: string) => void // Обновить текущий маршрут
  getCachingKeys: () => Array<string> // Или список ключей кэшированных маршрутов
  clearCache: () => void // Очистить весь кэш
}

// development.json аналогично другим файлам
{
  "SERVER_URL": "www.baidu.com"
}

"scripts": {
    "dev": "cross-env NODE_ENV=development webpack serve --config webpack/webpack.dev.ts",
    "test": "cross-env NODE_ENV=test webpack serve --config webpack/webpack.dev.ts",
    "build": "cross-env NODE_ENV=production webpack --config webpack/webpack.prod.ts"
  },

plugins: [
    new webpack.DefinePlugin({
      "process.env.APP_CONFIG": JSON.stringify(envConfig)
    })
    ....
  ]

yarn install
or
npm install

npm run dev

npm run build