elixir - 使用带有 iex -S mix phoenix.server 的 webpack 时如何摆脱 ^H？

Question

我将 webpack 与 Phoenix 一起使用。许多 ^H当我使用 iex -S mix phoenix.server 时会输出启动服务器。像这样

iex(1)> ^H^H^H^H^H^H^H^H^H^H^H^H  0% compile
^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H 10% 
0/1 build modules^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H 70% 
1/1 build modules^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H 40% 
1/2 build modules^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H^H 30% 
1/3 build modules[bootstrap-sass-loader]: styleLoader: style-loader!
css-loader!sass-loader
...

有什么问题？以及如何解决？

Answer 1

这是因为我使用 --progress在我的 Phoenix 观察者配置中:

watchers: [node: ["node_modules/webpack/bin/webpack.js", "--watch", "--colors",
  "--progress"]]

然后webpack会输出\b取得进展，如代码所示 https://github.com/webpack/webpack/blob/master/bin/convert-argv.js#L408 .

最后，我的解决方案是更改 webpack 参数以支持 mix phoenix和 iex -S mix phoenix.server :

webpack_args = ["node_modules/webpack/bin/webpack.js", "--watch", "--colors",
  "--progress"]
# Remove progress argument to make iex display log normally
if IEx.started?, do: webpack_args = List.delete(webpack_args, "--progress")

config :sample, Sample.Endpoint,
  # ...
  watchers: [node: webpack_args]