Webpack / ES6: how to import stylesheets
<p>I see repositories like bootstrap starting to include additional tags in their <a href="https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.2/package.json#L20-L22" rel="noreferrer">package.json file such as 'style' and 'less.'</a> How can I use these tags to import assets?</p>

<pre><code>package.json

{
  "name": "bootstrap",
  "style": "dist/css/bootstrap.css",
  "sass": "scss/bootstrap.scss",
  "main": "./dist/js/npm"
}
</code></pre>

<p>I am using ES6 modules and webpack. I want to do be able to import my stylesheets using the style tag in package.json.</p>

<p>Currently I am doing something like this: </p>

<pre><code>my_stylesheets.less

@import "~bootstrap/dist/css/bootstrap";
</code></pre>

<p>which is annoying for consumers to add the path when it is available in package.json. Is there a way I can import stylesheets using the tag in package.json?</p>

<p>If I cannot use the tag in package.json, is there a standard way of importing stylesheets in ES6 modules?</p>