如何解决如何更改 Gatsby JS 中的默认 Webpack Loader?
我正在尝试对 SVG 文件使用“svg-url-loader”而不是默认的“url-loader”。我已经安装了它,它与 webpack-inline-loaders 一起工作得很好。但是为了避免重复这个过程,我决定使用 onCreateWebpackConfig API 来更改 SVG 文件的加载器。我在 gatsby-node.js 中添加了以下代码。但是该网站现在不显示任何 SVG 图像,而是显示替代文本。 IMG 标签的 src 属性使用的是错误的 base64 编码图像,而不是 UTF8 编码的 SVG XML 标签。
控制台没有记录任何错误。我在 /plugins 目录中创建了一个本地插件,但它也不起作用。我正在本地机器上开发我的网站并使用 Gatsby Cloud 构建它。问题在两个地方仍然存在。任何帮助将不胜感激。谢谢。
这是 minimal repro 的链接。
exports.onCreateWebpackConfig = ({
stage,getConfig,rules,loaders,plugins,actions,}) => {
actions.setWebpackConfig({
module: {
rules: [
{
test: /\.svg/,use: {
loader: "svg-url-loader",options: {
limit: 4096,iesafe: true,},],});
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。