typescript 我一直无法用webpack构建产品加载svg

5lwkijsr  于 2023-02-10  发布在  TypeScript
关注(0)|答案(1)|浏览(116)

我在用谷歌Map建自己的图书馆

  • 源代码/组件/索引.ts
import icon_marker from './images/icon_marker.svg'

new google.maps.Marker({position, icon: icon_marker})

const test = document.createElement('img').src = icon_marker

@@@这两个不行!!!

  • webpack.config.js
module: {
      rules: [{
              test: /\.svg/, 
              type: 'asset'
            }] 
        }

我试过键入:“asset/resource”、“asset/inline”、“asset/source”,在此之前还有许多种加载器。
我发现在dist文件夹中创建的图像文件,但没有一个应用。
请帮帮我,我很沮丧...

km0tfn4u

km0tfn4u1#

如果使用webpack5,则应使用以下语法:

如果您正在使用webpack5,请遵循以下规则https://webpack.js.org/guides/asset-management/#loading-images

相关问题