webpack - Webpack URL-loader设置目标路径

Question

我正在使用webpack的url-loader插件，并将其配置为：

{
    test: /\.(ttf|eot|woff|woff2|svg)$/,
    loader: "url-loader?limit=50000"
}

它将> 50k的文件输出到文件系统，但是我找不到如何设置目标路径。

在这种情况下，我希望将文件存储到./fonts而不是根目录。

Answer 1

url-loader建立在file-loader之上，因此您可以像file-loader一样使用它，如下所示：

{
    test: /\.(ttf|eot|woff|woff2|svg)$/,
    loader: "url-loader?limit=50000&name=fonts/[name].[ext]"
}