title: Is it possible to let webpack bundle CSS without import css in my entry js?
body: <p>Importing CSS file in js is webpack-specific. If I use <code>gulp+browserify</code> I will need <code>browserify-css</code>. I feel uncomfortable with writing source code that directly depends on having browserify-css or webpack(especially I am not writing React/Vue app, just vanilla js).</p>
  
  <p>I find some Q&amp;A related to this, e.g. <a href="https://stackoverflow.com/questions/39015521/import-css-and-js-files-using-webpack">import CSS and JS files using Webpack</a> and <a href="https://stackoverflow.com/questions/36780585/can-i-build-sass-less-css-in-webpack-without-requiring-them-in-my-js">Can I build sass/less/css in webpack without requiring them in my JS?</a></p>
  
  <p>They suggested multiple-entry-points config (if I understand them correctly), i.e. create a dummy js file with only <code>import css</code> and add another entry in webpack.config.js for that js so the real entry js does not need to <code>import css</code></p>
  
  <p>I tried it but I still don't like the solution. Is there any other solution? If someone can confirm there is none I will be satisfied too. B/C someone else raised the same issue against <a href="https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/552" rel="nofollow noreferrer">extract-text-webpack-plugin</a> and a reply said </p>
  
  <blockquote>
    <p>webpack natively only understands 'js-ish' files and using a
    'css-ish' file as an entry point isn't recommended (imho it should
    even fail),so you will get a dummy bundle per css entry to 'handle'
    that. require/import the css inside an entrypoint</p>
  </blockquote>