使用webpack

Question

我有一个模板npm包，里面有很多资产。在模板的扩展中，我试图从模板引用资产，该模板作为npm依赖项安装。

<div>
    <img src='template/assets/img/icons/back-arrow.svg' />
</div>

然而，当我尝试使用webpack构建它时，我收到错误：   找不到模块：错误：无法解析'/ Users / Documents / GitProjects / MyProject / node_modules / test / html'中的'./template/assets/img/icons/back- arrow.svg'：

我的webpack配置是：

test: /\.(gif|jpg|jpeg|png|svg)$/,
            use: {
                loader: "file-loader",
                options: {
                    name: "./images/[path][name].[hash].[ext]",
                }
            }

这似乎适用于MyProject文件夹中的所有图像，但我似乎无法在模板node_module中引用资源。 有没有办法在不执行../../ node_modules / template / assets的情况下引用node_module中的资产？