使用带有动态需要的 webpack 加载子模块

Question

根据webpack documentation 和date-fns module structure，我尝试动态加载 date-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');