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