ダイナミックでサブモジュールをロードするためにwebpackを使用する

Question

webpack documentationとdate-fns module structureによれば、私はdate-fnsのロケールモジュールを動的にロードしようとします。

はWebPACKのがなければ、ロケールモジュールはWebPACKのでvar fr = require('date-fns/locale/fr')

使用してロードされ、私は成功せず、これを試してみてください。

var locale = 'fr'; 
var date = new Date(); 
var format = 'dddd DD MMMM YYYY'; 
var req = require.context('date-fns/locale', true, /^\.\//); 
return df.format(date, format, { locale: req('./' + locale) }); 

結果は次のとおりです。 「エラー：モジュールが見つかりません './fr'。 "

誰でも手伝ってもらえますか？

Answer 1

正しい形式は次のとおりです。

... 
var req = require.context('date-fns/locale', true, /\.js$/); 
return df.format(date, format, { locale: req('./'+locale+'/index.js') }); 

...またはちょうど

require('date-fns/locale/'+locale+'/index.js');