title: SVG files not found from imported NPM package
body: <p>I have published a NPM package that I import into another project I am working on. In this package, I am using Webpack and there are multiple SVG files being used inside the React components I am using. When I use this package, I get a 404 not found error relating to the SVG images.</p>
  
  <pre><code>GET https://localhost:8080/apps/abc/jspm_packages/npm/@myScope/package_name@1.2.3/lib/assets/icons/menu-button.svg.js 404 (Not Found)
  </code></pre>
  
  <p>Take note that this is a svg file that appears to be coming in as a javascript file which is likely behavior I do not want.</p>
  
  <p>Interestingly, when I load up a Create React App that uses just this package, it loads without error.</p>
  
  <p>My Webpack configuration contins the following module block:</p>
  
  <pre><code>module: {
  rules: [    
    {
      test: /\.jpe?g$|\.gif$|\.png$|^(?!.*\.inline\.svg$).*\.svg$/,
      loader: 'url'
    },
    {
      test: /\.css$/,
      use: [ 'style-loader', 'css-loader' ]
    },
    {
      use: "babel-loader",
      test: /\.js$/,
      exclude: /node_modules/
    },
    {
      use: ["file-loader"],
      test: /\.(png|jpg|gif)$/
    },
    {
      use: ["url-loader"],
      test: /\.(eot|ttf|woff|woff2)$/
    }
  ]
  </code></pre>
  
  <p>}</p>
  
  <p>I have attempted to include svg inside the url-loader as well as the file-loader with no success.</p>
  
  <p>There is one main react component in this package that is composed of other components that contain the svg files. I import my package and use this component. The app will not load and throw the svg 404 error as shown above. Additionally there is this error message in the console as well:</p>
  
  <pre><code>system.src.js:5123 Uncaught (in promise) Error: (SystemJS) Error: XHR error (404 Not Found) loading https://localhost:8080/apps/abc/jspm_packages/npm/@myScope/package_name@1.2.3/lib/assets/icons/menu-button.svg.js
  Error loading https://localhost:8080/apps/abc/jspm_packages/npm/@myScope/package_name@1.2.3/lib/assets/icons/menu-button.svg.js as "../../assets/icons/menu-button.svg" from https://localhost:8080/apps/abc/jspm_packages/npm/@myScope/package_name@1.2.3/lib/react/components/SomeReactComponent.js
  </code></pre>
  
  <p>This probably that there is an issue with the path I am using in my React component that contains the svg. The component takes in the svg like so (because I keep all my svg files inside their own asset folder):</p>
  
  <pre><code>var MenuButtonImg = require('../../assets/icons/menu-button.svg');
  </code></pre>
  
  <p>This relative path seems to be an issue but I am unsure if this is the root cause of my issue. I would like to know how I can eliminate this 404 error and successfully load my component in my project. </p>