我的 Webpack Encore 只加载文件名，不加载文件内容？答案

【问题标题】：My Webpack Encore loads only file name, not file contents?我的 Webpack Encore 只加载文件名，不加载文件内容？
【发布时间】：2020-12-03 15:29:29
【问题描述】：

我在 JS 文件中有这样的东西：

const icon = require('path-to.svg').default;
div.innerHTML = icon;

当我使用带有规则 test: /\.(svg)$/, loader: 'raw-loader' 的默认 Webpack 5.6.0 构建我的资产时，结果非常棒：

<div><svg>...</svg></div>

但是当我使用 Symfony Webpack Encore (latest) with (and without too) rule 时，结果是：

<div>path-to.svg</div>

只有文件名！不是文件内容！

为什么？如何使用 Webpack Encore 获得与使用普通 Webpack 相同的结果？

【问题讨论】：

【解决方案1】：

只需通过 yarn\npm 添加 raw-loader 并将其添加到所需路径：

const icon = require('!raw-loader!path-to.svg').default;

【讨论】：