如何解决Web Pack文件加载器的输出路径
我在React with NextJS中有一个项目,正在尝试使其成为一个项目,以便我可以在整个项目中导入图像文件。我遇到的问题是,我不知道为什么将名称(文件输出路径)指定为原始名称时会出现问题。如果我对输出进行硬编码,则可以正常工作,但是由于任何原因,当我使用下面的代码时,
config.module.rules.push({
test: /\.(jpe?g|png|gif)$/i,loader: 'file-loader',options: {
name: '[path][name].[ext]',},});
例如,如果我有一个路径为src/images/cool-png.png
的PNG并且在文件src/tsfile.ts
中,则以下内容将不起作用。
import coolImage from './images/cool-png.png'
我应该改变什么?谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。