title: Combine CSS files into single file using NPM
body: <p>I have several css files in my project. I want to combine them into a single one <strong>only via NPM</strong> (no gulp or grunt).</p>
  
  <p>I heard of ccs-merge and other node modules but didn't see any practical example.
  What is the best and the easiest way to achieve it? </p>
  
  <p><strong>Edited:</strong></p>
  
  <p>Here is my project structure:</p>
  
  <pre><code>Client/
       ├──js/
           |──component1  
                 ├──one.css 
                 ├──one.js 
           |──component2  
                 ├──two.css 
                 ├──two.js 
      ├──output/
      └──package.json
  </code></pre>
  
  <p>I want to combine all my CSS files into a single file directly from the NPM script.
  Here is my current package.json</p>
  
  <pre><code>"scripts": {
      "start": "watchify -o Client/js/bundle.js -v -d Client/js/app.jsx",
      "build": "browserify . -t [envify --NODE_ENV production] | uglifyjs  -cm &gt; Client/js/bundle.min.js",
      "concat-css": "css-concat  Client/js/*.css &gt; Client/js/styles.css"
    },
  </code></pre>
  
  <p>The concat-css command doesn't work. "Failed at.... 'css-concat...'</p>