在前端开发中，Webpack 可谓是一个非常重要的工具。它能够将我们编写的各种文件（JS、CSS、图片等）打包成一个或多个静态资源，方便我们在客户端中加载和使用。
然而，在使用 Webpack 进行打包时，有时候会看到一些警告信息。比如说，你在打包项目的时候可能会看到这样的警告：
WARNING in > loader-utils@2.0.0:
DeprecationWarning:
loader-utils is deprecated (use https://npmjs.com/package/schema-utils instead)这个警告看起来很严重，但实际上并不太需要担心。这篇文章将详细介绍这个警告信息的含义，以及如何解决这个问题。
什么是 loader-utils？
在了解如何处理这个警告之前，我们需要了解一些基本内容。在 Webpack 中，我们经常会使用一些叫做“loader”的东西来处理项目中的各种文件。这些 loader 负责将这些文件转换为可供 Webpack 处理的模块。
而 loader-utils 就是这样的一个工具库，它提供了一些常用的工具函数，可以帮助我们编写 loader。例如，我们可以使用这个库的一些函数来处理文件路径、解析查询字符串等。
为什么会出现警告信息？
回到上面的警告信息，其中的 DeprecationWarning 意味着什么？实际上，这是一个编程术语，它表示某个功能已经过时，被认为不太安全，可能在不久的将来就会被废弃。这就是编程界对这个术语的标准说法。
对于 loader-utils 库来说，这个库的早期版本中确实存在一些潜在的安全问题。因此，新版本的 loader-utils 库进行了一些修改，以更好地保护开发人员的代码安全。这就是为什么我们在使用 Webpack 进行打包时，可能会看到这个警告信息的原因。
如何处理这个警告信息？
对于这个警告信息，我们可以采取两种方式来处理。
- 升级 loader-utils 库版本
首先，我们可以升级 loader-utils 库的版本。按照上面的警告信息所述，我们可以使用 schema-utils 来替换 loader-utils 库。因此，我们可以先执行以下命令卸载掉原本的 loader-utils：
npm uninstall loader-utils
然后，执行以下命令安装新的工具库：
npm install schema-utils --save-dev
安装完成后，我们只需要再次运行打包命令，就可以看到所有的警告信息都消失了。
- 暂时忽略警告信息
如果你不想升级 loader-utils 库的版本，或者你还没有准备好进行升级，那么我们也可以选择暂时忽略这个警告信息。我们可以在命令行中添加 --hide-modules 参数来忽略这个警告信息，例如：
webpack --config webpack.config.js --hide-modules
这样，我们就可以在不升级 loader-utils 库的情况下，临时隐藏这个警告信息。
结论
在这篇文章中，我们详细介绍了 Webpack 打包时出现的 WARNING in > loader-utils@2.0.0 这个警告信息。我们了解了这个信息的含义，以及该如何处理这个警告信息。希望这篇文章对你有所帮助，能够更好地帮助你使用 Webpack 进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6710af3d6fbd6f3cf2f5b3ca