angularjs - 使用角度动态语言环境 webpack

Question

如何在 webpack 中使用 angular-dynamic-locale？

angular-dynamic-locale 总是尝试在运行时从路径http://localhost:8080/angular/i18n/angular-locale_de.js加载 angular-locale_en.js 文件，当“tmhDynamicLocale.set('德');" 被执行。

我正在使用 webpack，因此我在 app.js 的顶部或控制器的顶部定义了每个依赖项。我尝试使用 require('angular-i18n/angular-locale_de') 或导入来定义它，但不幸的是，我总是收到以下错误消息：

GET http://localhost:8080/angular/i18n/angular-locale_de.js net::ERR_ABORTED 404 (Not Found)
Refused to execute script from 'http://localhost:8080/angular/i18n/angular-locale_de.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Answer 1

如果您像这样使用您的语言环境：

tmhDynamicLocaleProvider
    .localeLocationPattern('./angular/i18n/angular-locale_{{locale}}.js')
    .defaultLocale('de');

您可能可以像这样使用 CopyWebpackPlugin：

new CopyWebpackPlugin([
    {from: './node_modules/angular-i18n/angular-locale_de.js', to: path.resolve(__dirname, '.[WEBPACK OUTPUT FOLDER]' + '/angular/i18n')}
])

确保目标文件夹与 webpacked 文件的输出相匹配