javascript - Hva er et godt alternativ til webpack.DefinePlugin for create-react-app?


Jeg jobber med en ejet React-applikasjon som bruker webpack.DefinePlugin for å lagre globalt et objekt som definerer mappenavnene i applikasjonen for en spesifikk sti (litt som ls i shell, men ved å bruke node fs)

Jeg forsker på hvordan jeg kan gå tilbake til den opprinnelige create-react-app uten å miste denne funksjonaliteten, siden noen deler av appen er avhengig av dette, men jeg kan ikke finne noe annet enn et skript som skriver disse navnene inn i en variabel i en js-fil før kommandoene npm start eller npm run build.

Prosjektet bruker for øyeblikket Webpack 3 og Babel 6, ideen bak å gå tilbake til react-scripts er å kvitte seg med manuell vedlikehold og forenkle prosjektavhengighetene samtidig som prosjektet oppgraderes

// analysis.js
module.exports = {
  key: values from fs node package
};



// WEBPACK
    new webpack.DefinePlugin({
      "ANALYSIS": JSON.stringify(require('./analysis')),
    }),

Jeg forventer at de samme verdiene skal være tilgjengelige i applikasjonen uten å måtte ejecte react-scripts

Noen forslag? Takk!

Svar #1

Jeg valgte endelig å utvikle et skript som kjører før noe webpack-skript og lager filen som jeg importerer senere som en hvilken som helst annen fil i React-appen

Hilsen