React + Webpack字符包含问题

Question

我目前正在使用ReactJS和webpack构建一个网站来构建它。

我的文字编辑器设置为ISO-8859-15编码，我使用重音或特殊字符é è à ç。

在我的html页面中，我相信我正在使用正确的配置：

<meta charset="iso-8859-15">

但是特殊的字符不能以正确的方式呈现： 例如Fran�ais而不是Français。

我尝试设置charset="utf-8"但没有任何改变。

我觉得webpack正在使用UTF-8编码构建，这会对我的字符进行制动。我该如何解决这个问题？

Answer 1

我没有找到使用UTF-8以外的编码使webpack读取输入文件的方法。我必须设置我的项目以UTF-8编写源文件，然后使用webpack-encoding-plugin输出文件为ISO-8859-1或其他。它奏效了。

Answer 2

要解决非utf-8端点的提取问题，这是解决方案：

fetch(url)
    .then(response => response.arrayBuffer())
    .then(buffer => {
      let decoder = new TextDecoder('iso-8859-1');
      return decoder.decode(buffer);
    })
    .then(res => JSON.parse(res))

Answer 3

我通过将.js文件编码格式更改为UTF8来解决。我只是用记事本++替换了文件，然后执行了：格式-> Converto到UTF8。