Create React App

Deprecated

Si usas las version de @architecture-it/stylesystem >= 2.0.0 ya no es necesaria está configuración

DEPRECATED Implementacion en versiones de @customer-experience

Debido a las particularidades de webpack de default de cra y su incapacidad de sobreescribirlo tenemos que hacer ciertas modificaciones en proyectos ya iniciados para utilizar el stylesystem:

---

Instalar dependencias

Nos permitiran modificar el comportamiento de webpack:

npm i customize-cra react-app-rewired -D

Agregar un archivo para sobreescribir la config de webpack

Agregar en el root del proyecto un archivo llamado config-overrides.js con el siguiente contenido:

// config-overrides.js
const { override } = require("customize-cra");

const supportMjs = () => (webpackConfig) => {
  webpackConfig.module.rules.push({
    test: /\.mjs$/,
    include: /node_modules/,
    type: "javascript/auto",
  });

  return webpackConfig;
};

module.exports = override(supportMjs());

Modificar en el package.json los siguientes valores:

{
  //...omitido para brevedad
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
    //omitido para brevedad
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not op_mini all"
  ],
  //...resto de propiedades
}