javascript - 如何配置 webpack 不输出精简代码？

Question

我最近开始使用 webpack，到目前为止我很喜欢它。到目前为止，我唯一的问题是，它似乎只为我生成精简的代码。

这使得在浏览器中调试我的代码变得更加困难，我必须依赖 chrome 的美化功能。

有没有办法直接在 webpack 中配置它，比如将开发模式设置为调试而不是生产？

Answer 1

您想要设置 Webpack 的模式。默认情况下，其值为生产。您应该将其设置为development。

module.exports = {
  mode: 'development'
};

或者您可以查看 source maps.