将URL-Loader迁移到WebPack 2

Question

使用webpack 2，是否有任何更改需要更改以正确配置WebPack？

这是我为配置选项所拥有的：

modules: {
  rules: [
  {
            test:   /.(ttf|otf|eot|svg|woff2?)(?.+)?$/,
            use: 'url',
            query:  {
                limit: 10000
            }
        }
  ]
  }
}

我目前使用此错误遇到了很多错误。

错误：

Error: options/query provided without loader (use loader + options) in {

Answer 1

您需要更改几件事。

• use采用一系列装载机。但是作为快捷方式，您可以使用loader仅提供一个装载机。
• 不再允许省略-loader后缀。因此，您需要将其制作url-loader。
• 尽管出于兼容原因而存在query，但建议将其更改为options。

所以您的配置shoud看起来像：

{
  test:   /.(ttf|otf|eot|svg|woff2?)(?.+)?$/,
  loader: 'url-loader',
  options:  {
    limit: 10000
  }
}

您还应该查看官方文档的迁移指南，以查看您需要更改什么：https：//webpack.js.s.org/guides/guides/migrating/