Global style not loaded in Angular

Describe the bug I want to include a stylesheet file in my stories globally. However, the file is not loaded. My angular.json looks like this (the last line contains the style inclusion):

{
    "$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
    "version": 1,
    "newProjectRoot": "projects",
    "projects": {
        "my-project": {
            "root": "..",
            "sourceRoot": ".",
            "projectType": "application",
            "architect": {
                "build": {
                    "builder": "@angular-devkit/build-angular:browser",
                    "options": {
                        "outputPath": "dist",
                        "index": "./components/root/static/index.html",
                        "main": "./app.entry.ts",
                        "tsConfig": "./tsconfig.json",
                        "polyfills": "./app/app.dependencies.ts",
                        "assets": ["app/assets"],
                        "styles": ["app/assets/style/style.scss"],

System:

• OS: MacOS
• Browser: chrome
• Framework: angular 7.2
• Version: Storybook 4.1.4

[mrkpks]

Same problem with Storybook 4.1.6. Tried various solutions with webpack.config.ts but nothing worked. Component styles are loaded fine.

• sass-loader used by storybook cannot resolve global styles (and global imports inside components).
• component styles are untouched if no global styles are used inside

Main problem: using global imports inside of a component e.g. @import '~src/styles/variables or @import 'variables' will end up with storybook compilation error:

ERROR in ./src/app/tab2/example/example.component.scss Module build failed (from ./node_modules/sass-loader/lib/loader.js):

Either File to import not found or unreadable: ~src/styles/variables. or File to import not found or unreadable: variables.

PS I have set preprocessor options like this:

"stylePreprocessorOptions": {
  "includePaths": [
    "src",
    "src/styles"
  ]
},

[MarkoSulamagi]

Hey, any updates on this? We had to downgrade 2 angular devkit packages so storybook could read angular.json. But this isn’t really a viable solution.

Storybook can read angular.json with the following packages

    "@angular-devkit/build-angular": "~0.10.7",
    "@angular-devkit/build-ng-packagr": "~0.10.7",