使用webpack with dynamic需要加载子模块

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