无法使用 Webpack 加载 SVG答案

【问题标题】：Not able to load SVG with Webpack无法使用 Webpack 加载 SVG
【发布时间】：2020-03-11 03:13:04
【问题描述】：

尝试在 React 组件中导入以下内容时：

import "bpmn-font/dist/css/bpmn-embedded.css";

我收到以下错误：

ERROR in ./node_modules/bpmn-font/dist/font/bpmn.svg?61125153 10:9
Module parse failed: Unexpected token (10:9)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
 * ./node_modules/react-svg-loader/lib/loader.js
You may need an additional loader to handle the result of these loaders.
|       props = _objectWithoutProperties(_ref, ["styles"]);
|
>   return <svg xmlns="http://www.w3.org/2000/svg" {...props} />;
| });

使用以下 webpack 配置：

{
 test: /\.svg$/,
  use: [
   {
     loader: "babel-loader"
   },
   {
     loader: "react-svg-loader",
     options: {
      jsx: true // true outputs JSX tags
     }
   }
  ]
},

【问题讨论】：

标签： reactjs svg webpack

【解决方案1】：

我的问题已通过以下方式解决：

        {
          test: /\.svg$/,
          exclude: excludeArray,
          loader: "svg-inline-loader"
        },

【讨论】：