@yankoyski

Где хранить общие компоненты react и как их подключать?

В проекте есть общие компоненты, подключать их через относительные ссылки: "../../../" - неудобно.
Есть ли альтернативы?
  • Вопрос задан
  • 172 просмотра
Пригласить эксперта
Ответы на вопрос 2
KornevaViktoria
@KornevaViktoria
Frontend Developer
ну можно как вариант рассмотреть вынесение общих компонент в отдельный репозиторий и подключение его как npm пакет. Ну или да, как пишут выше, если дело только в путях
Ответ написан
Комментировать
Nik_o_lay
@Nik_o_lay
Изучаю фронтенд
https://webpack.js.org/configuration/resolve/
+
https://github.com/timarney/react-app-rewired#how-...
+
https://www.npmjs.com/package/react-app-rewire-aliases
+
файл config-overrides.js (там же где и package.json)
const rewireAliases = require("react-app-rewire-aliases");
const { paths } = require("react-app-rewired");
const path = require("path");

module.exports = function override(config, env) {
  config = rewireAliases.aliasesOptions({
    Views: path.resolve(__dirname, `${paths.appSrc}/templates/default/views`),
    Components: path.resolve(__dirname, `${paths.appSrc}/controllers`),
    Store: path.resolve(__dirname, `${paths.appSrc}/controllers/store`),
    Config: path.resolve(
      __dirname,
      `${paths.appSrc}/controllers/services/Config`
    ),
  })(config, env);

  return config;
};

скрин
5c7400fcd5412640563538.png

=
5c7400acb1f2a974987741.png
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы