Error when sass file have Import statement

[rkusuma]

When my component styles (.scss) have @import statement.. gulp task inline-resources will failed.

Error: File to import not found or unreadable: ../stylesheets/styles.scss.
       Parent style sheet: stdin
        on line 1 of stdin
>> @import "../stylesheets/styles.scss";

[rkusuma]

My workaround is to change from relative path to absolute path
@import "src/stylesheets/styles.scss" in mycomponent.scss
But i got error in my IDE because the path is not relative.
Can i use relative path for import scss path?

Here is my library structure:

src
  -- stylesheets
      -- styles.scss
  -- mycomponent
      -- mycomponent.ts
      -- mycomponent.scss

[paesku]

have a look at merge request: #100

[jvandemo]

I just released v10.2.0 with support for .scss imports 👍

Feel free to re-open if needed. Thanks!

[rkusuma]

@jvandemo how can i update my current lib with new version of generator-angular2-library?

[jvandemo]

@rkusuma — From the command line, run

$ yo

and select the option Update your generators.

[lautarobock]

I had a project created before scss support for compinents.
What I have to do after upgrade in my project?

[BenevidesLecontes]

@jvandemo this feature is broken with the latest version. I can't import sass files anymore. using angular 4.4.6.

What i did to fix for now, i reverted this line

gulp.task('ngc', function () {
  ngc([ '--project', `${tmpFolder}/tsconfig.es5.json` ]);
  return Promise.resolve()
});

to

gulp.task('ngc', function () {
  return ngc({
    project: `${tmpFolder}/tsconfig.es5.json`
  })
    .then((exitCode) => {
      if (exitCode === 1) {
        // This error is caught in the 'compile' task by the runSequence method callback
        // so that when ngc fails to compile, the whole compile process stops running
        throw new Error('ngc compilation failed');
      }
    });
});

[jvandemo]

@flauc, @deblockt — Would you be able to have a look at this?

Thanks in advance!