CSS improperly concats when reloading a CSS file

[blaiseyuri]

• I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.

Item	Version
generator-angular-fullstack	3.7.6
Node	4.2.3
npm	3.9.6
Operating System	Ubuntu 16.04
etc	etc

Item	Answer
Transpiler	Babel
Markup	Jade
CSS	CSS
Router	/ ui-router
Build Tool	Gulp
Client Tests	Mocha
DB	MongoDB
Auth	Y

When first running gulp serve gulp correctly uses the concat to take all the CSS files in my app and components folder and compile them into app.css . The problem is if I make a change to one of those CSS files while gulp is watching, it will reload app.css but it only reloads the CSS that is the root of the app folder (also called app.css).

Here is the styles function code

let styles = lazypipe()
    .pipe(plugins.sourcemaps.init)
    .pipe(plugins.concat, 'app.css')
    .pipe(plugins.cleanCss, {processImportFrom: ['!fonts.googleapis.com']})
    .pipe(plugins.autoprefixer, {browsers: ['last 1 version']})
    .pipe(plugins.sourcemaps.write, '.');

Here is the gulp watch code

plugins.watch(paths.client.styles, () => {  //['inject:css']
        gulp.src(paths.client.mainStyle)
            .pipe(plugins.plumber())
            .pipe(styles())
            .pipe(gulp.dest('.tmp/app'))
            .pipe(plugins.livereload());
    });

[blaiseyuri]

Changing
gulp.src(paths.client.mainStyle)
to
gulp.src(paths.client.styles)

Fixes this for me

[Awk34]

That's strange. This code should use paths.client.styles when you choose plain CSS.

[blaiseyuri]

@Awk34 Well it looks like my version was before the commit 54479fc 5 days ago.
So if you fixed after that could explain it.

[Awk34]

@blaiseyuri oh hold up, I misread that second code snippet. That's in the watch task (here). The code I linked to was in the styles task. That same if EJS code should be in watch. This is a bug.