inline the svg in the js bundle

Author: vincentfretin

src/components/components/CommonComponents.js

@@ -1,4 +1,3 @@
-/* global process */
 import React from 'react';
 import PropTypes from 'prop-types';
 import { InputWidget } from '../widgets';
@@ -14,6 +13,7 @@ import {
 import Events from '../../lib/Events';
 import Clipboard from 'clipboard';
 import { saveBlob } from '../../lib/utils';
+import GLTFIcon from '../../../assets/gltf.svg';
 
 // @todo Take this out and use updateEntity?
 function changeId(componentName, value) {
@@ -109,13 +109,7 @@ export default class CommonComponents extends React.Component {
             event.stopPropagation();
           }}
         >
-          <img
-            src={
-              process.env.NODE_ENV === 'production'
-                ? 'https://aframe.io/aframe-inspector/assets/gltf.svg'
-                : '../assets/gltf.svg'
-            }
-          />
+          <img src={GLTFIcon} />
         </a>
         <a
           href="#"

src/components/scenegraph/Toolbar.js

@@ -1,8 +1,8 @@
-/* global process */
 import React from 'react';
 import classNames from 'classnames';
 import Events from '../../lib/Events';
 import { saveBlob } from '../../lib/utils';
+import GLTFIcon from '../../../assets/gltf.svg';
 
 function filterHelpers(scene, visible) {
   scene.traverse((o) => {
@@ -123,13 +123,7 @@ export default class Toolbar extends React.Component {
             title="Export to GLTF"
             onClick={this.exportSceneToGLTF}
           >
-            <img
-              src={
-                process.env.NODE_ENV === 'production'
-                  ? 'https://aframe.io/aframe-inspector/assets/gltf.svg'
-                  : '../assets/gltf.svg'
-              }
-            />
+            <img src={GLTFIcon} />
           </a>
           <a
             className={watcherClassNames}

webpack.config.js

@@ -27,6 +27,10 @@ module.exports = {
           loader: 'babel-loader'
         }
       },
+      {
+        test: /\.svg$/,
+        type: 'asset/inline'
+      },
       {
         test: /\.css$/,
         use: ['style-loader', 'css-loader', 'postcss-loader']