title: Media query and symfony encore
body: <p>I'm currently working on my portfolio and more specifically on the front-end. My project use Symfony so I'm using Symfony Encore to manage my front-end assets.</p>
  
  <p>When I work on a project I split my CSS into different files, one by media query, so a mobile user doesn't have to load the CSS for desktops.</p>
  
  <pre><code>&lt;link rel="stylesheets" href="/style.css"&gt;
  &lt;link rel="stylesheets" href="/tablet.css" media="screen and (min-width: 600px)"&gt;
  </code></pre>
  
  <p>When you use Symfony Encore, you must specify an entry inside the webpack.config.js using <code>addStyleEntry</code> or <code>addEntry</code>. To include your compiled asset inside your vues you need to use <code>{{ encore_entry_link_tags('style') }}</code>.</p>
  
  <p>The problem is that I would like to specify the media attribute of my <code>&lt;link&gt;</code> and I don't know how to do that. I have also tried to use <code>{{ asset("style.css") }}</code> but it did not worked.</p>