与Webpack一起使用ngLocale

Question

有没有人成功地将ngLocale与webpack集成在一个真正动态的事物中？我试图只加载我的应用程序当前需要的Angular区域设置，但webpack在一个大块中包含了所有可能的区域设置。

我正在尝试的是：

(function(config) {
    'use strict';

    var angularLocale = config.angularLocale;

    require.ensure(['angular'], function(require) {
        require('angular-i18n/angular-locale_' + angularLocale + '.js');
    });
})(require('config'));

但是要防止webpack生成一个包含所有语言环境的巨大块。

Answer 1

您可以使用bundle loader来实现这一点。只需如下所示的angular语言环境文件：

require('angular-i18n/angular-locale_' + angularLocale + '.js');

然后将这个添加到您的webpack配置加载器规则中：

{
    include:  path.join(bowerDirectory, 'angular-i18n'),
    use: [{
                loader: 'bundle-loader',
                query: {
                    lazy:true,
                    name: '[name]'


                }
            }]
}

这将生成捆绑包块。每个angular区域设置一个。