我一直在使用 webpack 构建产品加载 svg 失败

Question

我正在使用 Google 地图创建自己的图书馆

• src/组件/index.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'
            }] 
        }

我试过 type: 'asset/resource', 'asset/inline', 'asset/source'，在这些之前，有很多种加载器。

我发现在 dist 文件夹中创建了图像文件，但没有一个被应用。

请帮助我，我很沮丧......

Answer 1

如果使用 webpack5，你应该使用这个语法：

如果你使用的是 webpack5 ，请遵循这些规则https://webpack.js.org/guides/asset-management/#loading-images