Can I use webpack to generate CSS and JS separately?
<p>I have:</p>

<ol>
<li>JS files that I want to bundle.</li>
<li>LESS files that I want to compile down to CSS (resolving @imports into a single bundle).</li>
</ol>

<p>I was hoping to specify these as two separate inputs and have two separate outputs (likely via extract-text-webpack-plugin). Webpack has all the proper plugins/loaders to do compilation, but it doesn't seem to like the separation.</p>

<p>I've seen examples of people requiring their LESS files directly from JS, such as <code>require('./app.less');</code>, for no other reason than to tell webpack to include those files into the bundle. This allows you to only have a single entry point, but it seems really wrong to me -- why would I require LESS in my JS when it has nothing to do with my JS code?</p>

<p>I tried using multiple entry points, handing both the entry JS and main LESS file in, but when using multiple entry points, webpack generates a bundle that doesn't execute the JS on load -- it bundles it all, but doesn't know what should be executed on startup.</p>

<p>Am I just using webpack wrong? Should I run separate instances of webpack for these separate modules? Should I even be using webpack for non-JS assets if I'm not going to mix them into my JS?</p>