使用動態webpack加載子模塊

Question

根據webpack documentation和date-fns module structure，我嘗試動態加載日期-fns的語言環境模塊。

沒有的WebPack，現場模塊使用var fr = require('date-fns/locale/fr')

用的WebPack裝，我試試這個沒有成功：

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');