title: Compile *.css files along with *.scss files
body: <p>We have a combination of CSS and SCSS files. This is because we write our own styles in SCSS and some style libraries also provide a SCSS file, but we also have CSS only files where either no SCSS file is provided by the library vendor (e.g. they only provide a CSS file or a LESS file)</p>
  
  <p>Below is our gulpfile.js task for SCSS files:</p>
  
  <pre><code>gulp.src([
          'bower_components/simple/simple.css',
          //... more CSS files
  
          'src/scss/app.scss'
          ],
          {base: '.'})
      .pipe(sourcemaps.init())
      .pipe(sass())
      .pipe(sourcemaps.write())
      .pipe(gulp.dest('dist/css'));
  </code></pre>
  
  <p>Anyway, this seems to be giving us strange behaviour such as creating a "bower_components" directory in the dist/ directory. How can we compile CSS files along with SCSS files?</p>