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

Question

根据webpack 文档和date-fns 模块结构，我尝试动态加载一个 date-fns 的 locale 模块。

如果没有 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');