javascript - 带有 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]'


                }
            }]
}

这将生成包 block 。每个 Angular 语言环境一个。