ngLocale 与 Webpack答案

【问题标题】：ngLocale with WebpackngLocale 与 Webpack
【发布时间】：2015-06-01 15:52:25
【问题描述】：

有没有人成功地将 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 生成包含所有语言环境的一大块。

【问题讨论】：

标签： javascript angularjs webpack

【解决方案1】：

您可以使用bundle loader 执行此操作。只需要像这样的角度语言环境文件：

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

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

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


                }
            }]
}

这将生成捆绑块。每个角度区域设置一个。

【讨论】：