使用 angular-动态语言环境 webpack

Question

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

angular-dynamic-locale 始终尝试在运行期间从路径 http://localhost:8080/angular/i18n/angular-locale_de.js 加载 angular-locale_en.js 文件，当"tmhDynamicLocale.set('de');" 被执行。

我正在使用 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 文件的输出相匹配

使用 angular-动态语言环境 webpack

using angular-dynamic locale webpack

angularjs

webpack

angular-i18n