Module dynamisch importieren basierend auf webpack config oder cli params

Question

Ich bin auf der Suche nach einer Lösung für den dynamischen Import von Modulen in JS-react-Komponenten basierend auf Parametern aus einer Webpack-Konfiguration.

Damit THEME_PATH von import ./theme/{THEME_NAME}/indes.less

Würde dynamisch durch einen webpack param oder CLI-Parameter auf webpack Build ersetzt werden.

Irgendwelche Vorschläge oder Hinweise zur Lösung?

Answer 1

Es ist möglich, mit DefinePlugin:

webpack config:

plugins: [ 
     ... 
     new webpack.DefinePlugin({ 
      __THEME__: '"' + process.env.THEME.toString() + '"' 
     }) 
    ] 

und in Ihrem Code:

require('./theme/' + __THEME__ + '/index.less') 

können Sie passieren THEMEin this way (auf Ihrem OS hängt und Schale).

Sie können auch Prameter von cli statt process.env übergeben.

---

Wenn Sie Thema in weniger Datei, nicht js importieren:

weniger Datei:

@import "theme/@{THEME}/index.less"; 

webpack config (weniger-loader):

'!less?{"modifyVars":{"THEME":"' + process.env.THEME + '"}}'