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

Question

[yankoyski]

В проекте есть общие компоненты, подключать их через относительные ссылки: "../../../" - неудобно.
Есть ли альтернативы?

Comments

[0xD34F]

только что такое спрашивали

Answer 1

[NaN]

ну можно как вариант рассмотреть вынесение общих компонент в отдельный репозиторий и подключение его как npm пакет. Ну или да, как пишут выше, если дело только в путях

Answer 2

[Николай Демидовец]

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;
};

скрин

=