Question

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

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

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

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')}
])

确保目标文件夹与Webpack打包文件的输出匹配

使用角度动态语言环境webpack

1 个答案: