title: How to nest template strings in ES6?
body: <p>I got an <code>prefer-template</code> error from eslint. For the workaround, I changed my code to use a template string inside the <code>require</code> function which is nested inside the <code>url</code> function as following:</p>
  
  <pre><code>{
    background: `url(${require(`../../assets/${edge.node.name.toLowerCase()}.png` center no-repeat`)})
  }
  </code></pre>
  
  <p>However, that gave an error, obviously. Here is the code I was using before, a plus sign concatenating inside the <code>require</code> function instead of the template string.  </p>
  
  <pre><code>{
    background: `url(${require('../../assets/' + edge.node.name.toLowerCase() + '.png')}) center no-repeat`
  }
  </code></pre>
  
  <p>Would it be possible to define nested template strings?</p>