Stylepreprocessoroptions angular library. Jul 30, 2021 · Go to angular.

Stylepreprocessoroptions angular library First of all shout out to all of you! For historical reasons a lot of those projects use webpack as their build system (or maybe even gulp/grunt/etc. Apr 30, 2018 · Using @import 'file' imports from node_modules when the file is named the same way any node module is named. Start using clapp-angular in your project by running `npm i clapp-angular`. scss file from the symlinked directory. In the angular. 0 @storybook/angular: 8. json: " The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. Angular. json file, we will declare the path to the global style sheet like so: projects > (project name) > architect > (configuration) > options > styles Mar 27, 2021 · Angular recommendations and good practices Configuration Files: tsconfig. Aug 21, 2019 · To include style paths more cleanly for scss imports, you can take advantage of the stylePreprocessorOptions setting in the Angular CLI. It throws the following errors: Mar 14, 2023 · Creating a shared UI library containing variables, mixins, and shared component-specific styles is helpful. It provides: - Integration with libraries such as Storybook, Jest, ESLint, Tailwind CSS, Playwright and Cypress. But it seems it doesn't work. Each components has it own stylesheet (css, scss, less, etc). There are no other projects in the npm registry using clapp-angular. options and projects. Let's call this application tenant and the library shared-lib. Respectively, these formats are supported: sass, scss, less and styl. 9 I have an existing Angular component library that i'm trying to set up in Storybook. If you are short on time and energy, it is acceptable to temporarily silence these warnings. You can create your own schematics to operate on Angular projects. your-project-name. scss in a new folder called "style. origin Base public path when served in Feb 25, 2023 · でも、多分これで解決出来るケースはそんなない。 2. We will try to understand this by taking example of multiple themes support. It has multiple apps under 'apps/' folder and multiple supporting libraries or custom components under 'libs/' folder. Oct 24, 2018 · I had the same problem when running tests, the solution was to add the same style stylePreprocessorOptions to the test configuration in angular. json: Angular CLI supports the popular CSS Preprocessors built-in: Sass/SCSS, Less and Stylus. ts file, without additional templates. Sign in to StackBlitz - StackBlitz Current Behavior I want to configure relative paths for global styles. sass is available only for Nov 13, 2020 · The error is Schema validation failed with the following errors: Data path "" should NOT have additional properties(stylePreprocessorOptions). scss file in it. projects. json (stylePreprocessorOptions) but I can't use these styles in other libraries. This means using scss-bundle is no longer necessary. Sep 23, 2021 · In a normal angular application you can shorten this using stylePreprocessorOptions within angular. Let's Aug 31, 2021 · Tips and Tricks. The trick is to use stylePreprocessorOptions in the angular-cli. json to handle multiples themes, assets and environments during build time The Problem Recently I convinced my team that a product’s frontend needed to be rebuilt from … Jul 1, 2019 · I'm digging into the stylePreprocessorOptions. "stylePreprocessorOptions": { "includePaths": ["<some directory>"] } How can I make it so the include paths set for the library apply to Storybook, without having to override the default webpack config? Or how can I keep the defaults while only adding the custom include paths? Apr 19, 2023 · Hi guys, how are you?! Have you ever wanted to simplify importing style files into your app, component, or whatever?! Today I would like to share a simple, but maybe not well known configuration of angular. json file, under styles add stylePreprocessorOptions object with includePaths option and define all paths available in an array with your file paths, it should be relative to the angular. . In the monorepo root, I have created a styles folder with an index. # SCSS Include Paths We can directly tell us to SCSS to look in the certain folder. css file. Along with these enhancements, you might encounter deprecation warnings from the Sass compiler when building your project. e. You can create dynamic schematics for Angular, however, by providing components and templates in the files folder, like those in standalone Angular projects. scss with your stuff. angular. options: "stylePreprocessorOptions": { "includePaths": ["libs/core/src/lib"] } Then you can @import 'library'; from your App styles, and call a mixin that will include the styles of your library, just like Angular Material does Add support for angular-cli setting "stylePreprocessorOptions" > "includePaths" : WEB-28376 Aug 22, 2019 · Angular Proxy SCSS Tutorial Angular Workspaces: Multi-Application Projects This blog post is a guide for every developer that would like to create an Angular Workspace with several applications and libraries. - Generators to help scaffold code quickly (like: Micro Frontends, Libraries, both internal to your codebase and publishable to npm Jul 23, 2025 · Create a new file with the . json's architect. json however this is not the case for the library config as the field is not allowed! Jan 9, 2020 · Just add the path to the stylePreprocessorOptions in the angular. json "stylePreprocessorOptions": { "includePaths": [ "src/styles" ] }, Existing Jun 27, 2019 · Let's assume your library exposes a _library. See Project Root for more details. ), but I found myself in the position to switch to the angular-cli. First I’ve moved global styles. In this guide, you will learn how to choose a CSS preprocessor when creating a new app and how to take advantage of the aforementioned API. We’ve talked on this a bit in our other Angular styles article: Using Sass with the Angular CLI Let’s explore another option for importing style files Nov 28, 2023 · In the case of the angular. I want to use NX to manage a component library. json in a Angular project Asked 6 years, 5 months ago Modified 5 years, 11 months ago Viewed 710 times Dec 14, 2021 · I have NX workspace with Angular 12. Why stylePreprocessorOptions is not working for project type : library or widget (angular. Jan 2, 2025 · Upon upgrading to Angular 19, the project may encounter numerous deprecation warnings. I'm trying to make a Angular 8 Library using ng-cli, but i can't preserve symlinks from my external application using npm link. Jun 13, 2024 · Instead of using the full relative path to the css (which works), I would like to use stylePreprocessorOptions in angular. json, "stylePreprocessorOptions": { "includePaths": ["projects/magic-string-example/src It is possible for a schematic to provide all of its logic in the index. 1 And in workspace. 10) I cannot import some styles from a specific node_module. The directory structure is as follows: nx-monorepo-root │ ├── /apps │ ├── /app1 │ └── /app2 │ ├── /libs │ ├── /shared-ui-lib (Commo Nov 25, 2024 · Current Behavior With the v19 update of Angular came additional warnings about deprecated usage of @import in . For example: Sass @import rules are deprecated and will be removed in Dart Storybook for Angular is a framework that makes it easy to develop and test UI components in isolation for Angular applications. Naming your library You should be very careful when choosing the name of your library if you want to publish it later in a public package registry such as npm. These warnings can be confusing, especially if they originate from third-party libraries. json of your app's build. scss extension in the src/styles directory (or any other directory that you specified in the stylePreprocessorOptions property in the angular. So the real point is not nx but sass compiler and file path. Nov 9, 2024 · However, as a temporary solution to silence these deprecation warnings and be relieved when running “ ng s “, it would be helpful to pass a “ stylePreprocessorOptions ” (already exists) flag via “ angular. Jan 10, 2025 · Angular and CSS: A Guide to Styling and Theming Your App is a comprehensive tutorial that will teach you how to style and theme your Angular application using CSS. A component in the tenant wants to import a stylesheet of a component from shared-lib. Starting a New Project In case your project hasn’t been generated yet, you can set one of the supported CSS preprocessors while generating the project: ng new sample-project Oct 13, 2025 · Styling our Angular app Previous Overview: JavaScript frameworks and libraries Next Now that we've got our basic application structure set up and started displaying something useful, let's switch gears and spend an article looking at how Angular handles styling of applications. It includes: 🧱 Uses Angular builders 🎛️ Compodoc integration 💫 and more! Aug 18, 2024 · 1 @angular/cli: 18. This guide is designed for developers who are already familiar with Angular and want to learn how to take their application to the next level by adding a professional-looking design. 12. Avoid using a name that is prefixed with ng-, such as ng-library. assets ? I think not only me, many developers need to include static resources in the package, such as font icons. #30567 Closed as not planned Oct 24, 2023 · You develop applications in the context of an Angular workspace. Latest version: 1. Register global style files in the styles section which, by default, is pre-configured with the global styles. Run ng serve. In the apps/{p Nov 25, 2019 · 我试图使用stylePreprocessorOptions来包含指向库项目的变量文件夹的路径，如下所示："stylePreprocessorOptions": { "includePaths": [ "styles/variables" ]}然后在scss文件中使用@import 'colors';。但是，在 Jun 23, 2021 · I am using . Jun 19, 2025 · Build options stylePreprocessorOptions->sass->silenceDeprecations no longer working after upgrade to Angular 20. Dec 6, 2024 · With the release of Angular 19, developers are seeing significant improvements, new features, and streamlined workflows. Jul 23, 2025 · Create a new file with the . json file: The web development framework for building modern apps. This problem will be faced if you are working on slightly large angular apps. For your solution, we get the error: An unhandled exception occurred: Schema validation failed with the following errors: Data path "/stylePreprocessorOptions" must NOT have additional properties (sass). json. A project is the set of files that comprise a standalone application or a shareable library. If you are familiar with the original post the tl;dr is that ng-packgr now supports copying assets as part of the build. After upgrading Angular 16 to Angular 17 (17. The library has shared styles (library/src/styles) that are used across multiple components. scss from an application into the lib, i have set option in angular. So, in your library, make an scss file that is for the purpose of importing into your styles. Nov 26, 2020 · I have started using Angular multi-projects workspace. Jul 30, 2021 · Go to angular. Can be an absolute path, or a path relative to the current working directory. The stylePreprocessorOptions allows you to include additional base paths that Angular will pull in when compiling. json file at the root level of an Angular workspace provides workspace-wide and project-specific configuration defaults. css file, you have 2 theme files present: src/styles/themes/theme I would look at a popular Angular library like Angular Material and how they do it. json,, Is it safe to unplug an extra monitor from a laptop without turning off the monitor? , What is the precise statement in Newtonian mechanics regarding the physical laws in all inertial frames? Aug 26, 2020 · The Angular CLI is an extremely powerful part of the Angular JavaScript framework. The ngx- prefix is preferred as a convention used to Feb 28, 2022 · Component styles link Angular applications are styled with standard CSS. json Path Alias: They are shortcuts for our files, with them we can implement imports in a more comfortable and short … Component styles link Angular applications are styled with standard CSS. Nov 29, 2017 · Angular CLI supports the popular CSS Preprocessors built-in: Sass/SCSS, Less and Stylus. Could anyone please tell me how can I add stylePreprocessorOptions in build options? Jul 31, 2017 · The solution The solution is probably the best of both worlds. Library developers typically package schematics with their libraries to integrate them with the Angular CLI. That means you can apply everything you know about CSS stylesheets, selectors, rules, and media queries directly to Angular applications. This is because we will need to publish the styles as an npm package to use the styles in other products that aren't Aug 17, 2020 · I wouldn't necessarily say the is a "difference" between the two. " There created partials like _colors. json file, for each project I have added the following in Aug 24, 2022 · Why don't you just import the css inside the angular. g. Mar 25, 2024 · Command build, serve Is this a regression? Yes, this behavior used to work in the previous version Description I'm trying to include an . The angular. 3. Sep 14, 2020 · If your project is generated with Angular CLI, you can add a configuration stylePreprocessorOptions > includePaths in . I add the configuration like this in angular. json it will be the same as doing it inside styles. May 25, 2022 · How to start with NX and Angular? Introduction Nx is designed to help you create and build enterprise-grade Angular applications. Read more > stylePreprocessorOptions angular 8 - Stack Overflow Mar 8, 2023 · For this post however, we'll be creating a library from scratch to learn more about SCSS and how these systems integrate with applications. Options I'm trying to use stylePreprocessorOptions in order to include a path to my variables folders for a library project like so : Sep 25, 2025 · Command build Description References: feat (@angular/build): add sass to stylePreprocessorOptions in application builder #28627 Karma builder: support sass in stylePreprocessorOptions with "builderMode: application" #29185 add sass to stylePreprocessorOptions in browser-esbuild for V19 #29014 Similarly to the situation @TokenR1ng described, we cannot migrate to the new :application builder Feb 28, 2022 · You can create your own schematics to operate on Angular projects. json and with that we can simplify the way of importing the style files! Sep 17, 2021 · I have an angular library with styles that I want to use as if they were part of the application. It tells Angular CLI to look for styling files in the mentioned paths before processing each component style file. We use dart-sass (default for Angular now). Sep 14, 2020 · In a typical Angular project, you’ll have many components. 1. json file. json code. includePathts configuration to include my Bower components and the settings are ignored. This particular stylesheet imports a CSS like so: Oct 20, 2020 · The Angular framework handles all of this for you via the Angular CLI—one of the most powerful features of the Angular framework. Reference an . It’s almost practical, but maintainable by the Angular Cli guys. ng generate app-shell Generates an application shell for running a server-side version of an app. Version Information Jan 20, 2021 · The purpose of writing this blog is to show you guys how we can improve the code smells that exist in our angular application, one of that code smells is importing base scss/less files with longer relative paths. CSS stylesheets, selectors, rules, and media queries which can be directly used to Angular applications. json file). If your project is generated with Angular CLI, you can add a configuration stylePreprocessorOptions > includePaths in . Jan 20, 2021 · The purpose of writing this blog is to show you guys how we can improve the code smells that exist in our angular application, one of that code smells is importing base scss/less files with longer relative paths. json で stylePreprocessorOptions を記述する。 設定したincludePathsに対して、相対パスを必要とせず、プロジェクトのどこからでもインポート出来る様になるので、これを利用する。 Jan 11, 2024 · Command build Is this a regression? Yes, this behavior used to work in the previous version The previous version in which this bug was not present was No response Description Config the source root in the angular. html is located). To import it from your app you need to configure that path into the angular. Right now, it does not seem feasible to have a publishable library per component which use shared styles. I have seen that there are solved tickets on github but I am running out of options, any idea might How to exclude stylesheets from the bundle and lazy load them in Angular? Let’s learn how we can load stylesheets only when needed without making them part of the application bundle. May 30, 2021 · There are still a couple of brave warriors (me included) out there wo work in Angular Hybrid Applications (AngularJs in the same application with Angular). It starts by explaining how to generate such project with Angular CLI, then continues with shared resources and unit testing, to finish by giving tips on deployment. json, but removing it made no difference. Add files in the angular. js > library project > architect > build > options doesn't allow me to set stylePreprocessorOptions. Jun 2, 2020 · Then I moved the sass files into the library: The problem now, is the @import in all the scss files. Aug 17, 2020 · I wouldn't necessarily say the is a "difference" between the two. json Jun 5, 2019 · What's the different between styles and stylePreprocessorOptions in angular. json "stylePreprocessorOptions": { "in Apr 28, 2025 · allancmello premium commented 6 months ago Hi, this solution not work for silencing depracation warnings. architect. It does however work using @angular-devkit/build-angular:browser. By exposing a simple and robust API in front of its build system, the Angular CLI gives you the ability to quickly and easily bundle CSS stylesheets with your app. scss, etc. Version Information Aug 9, 2019 · Пошаговое руководство, посвященное подключению и интегарции SCSS в Angular с NX Oct 24, 2023 · The angular. May 12, 2022 · 如果您的项目是使用 Angular CLI 生成的，您可以在 . Configure the style import paths on the librar Dec 20, 2022 · Current Behavior I created a new monorepo angular project with the latest nx-create-wrokspace CLI. I am also running into this exact use-case. Expected Behaviour How do I use it? If it doesn't work anyway, can u add a "staticAssetsPaths" schema, like angular. Nov 16, 2021 · What is a proper way of using @import of 3rd party Angular library's css in our Angular library? Eventually in the app where we install our library this 3rd party css needs to be accessible automatically and the path needs to point to "node_modules". css Also note to my knowledge you cannot import multiple styles like a glob pattern, instead create a single file called index. The JSON schemas that define the options and defaults for each of these builders are collected in the @angular-devkit/build-angular package. scss file from an external project that is symlinked into my angular project for development purpose Mar 19, 2018 · My app is using server-side rendering via angular universal, so stylePreprocessorOptions is required in the build 'options' there as well. Oct 6, 2019 · I have a problem. When it comes to choosing a CSS preprocessor, the Angular CLI has you covered! In this guide, you will learn how to both set up and use the Sass and Less preprocessors within your Angular app. None of the answers have solved my problem. Path values given in the configuration are relative to the root workspace directory. I've tried to add this on my angular. I now use Python to do this. In this post, we’re going to use scss as an example. Sep 10, 2018 · How To Reproduce No error, but nothing happened. scss, _mixins. I am trying to import scss files from their node_modules directive, and as per their documentation, to When building with the CLI, you must configure the angular. Dec 19, 2024 · Command test Description It is currently impossible to define the sass option in stylePreprocessorOptions for the Karma builder, which makes it impossible to silence Sass deprecations with "builder Using @import 'file' imports from node_modules when the file is named the same way any node module is named. Expected Behavior In previous versions when running storybook it would run it against your default a I have seen this and may other questions. So we will learn how to include styles from an NX library into our application. The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. Apr 12, 2024 · Options includePaths does not work for @nx/angular:ng-packagr-lite ( cannot build - angular monorepo ) #22797 In case you have multiple include paths for @import statements (e. You'll now be able to go ahead and npm publish dist your Angular library to the npm registry. includePaths in my angular. See Publishing your library. css and then import all the files using that single file! Jun 14, 2018 · The structure of the angular. json as well as the build configuration Feb 14, 2020 · With the release of Angular 9 creating a themeable library has gotten a bit easier. You can also create stand-alone schematics to manipulate the files and constructs in Angular applications as a way of customizing them for your development environment and making them conform to your standards and Jan 11, 2022 · Hello everyone happy New Year 2022! I'm currently working on my angular library and I have two issues I seem unable to fix despite the documentations and the time I've spent looking for a solution. includePaths, which as far as I know is the standard way of going about it, but I'm not having any luck, and it also seems like even if it worked, you'd have to add the frag to every project in the angular. json by hand. Sign in to StackBlitz - StackBlitz Jun 27, 2019 · Let's assume your library exposes a _library. OS? macOS Sierra (v10. json), the additional paths may be configured through the styleIncludePaths option. 3 The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications directly from a command shell. It’s quite often that you might need to include global styling files (especially variables file) in your component. 0. json there is "stylePreprocessorOptions": { "includePaths": [ "apps/my-app/src/styles", ] This folder contains Jan 1, 2023 · TLTR: Yes using stylePreprocessorOptions. json of an app works: "stylePreprocessorOptions": { "includePaths": [ "libs/shared" ] } I can do @import 'ui-styles/colors'; in a scss stylesheet in apps. cli. Apr 22, 2021 · I am trying to build a angular 11 library with some wrapper components around Syncfusion's EJ2. angular. test. I tried using includePaths in order to do this by using the following configuration in angular. Create A Shared Style Library Time to add another library to our repository! Instead of using an Angular or Nest-based generator, we'll use Nrwl's workspace generator to create a framework-agnostic library. A workspace contains the files for one or more projects. includePaths makes importing Sass files in the Angular CLI super easy! Hope this quick tip was helpful in your Angular journey. It should also expose global css (for example for theming), much like Angular Material does. LONG ANSWER: From my understanding the real question is: "I want to do a SASS library, I would like to manage in a monorepo with nx". a mini-application showing off the components). The ng- prefix is a reserved keyword used from the Angular framework and its libraries. This configuration allows you to add extra base paths that will be checked for imports. Deprecation Jun 16, 2025 · @alan-agius4 I just realised that in my case the project is a library and angular doesn't allow to set "stylePreprocessorOptions" in the build target's options. The styles are defined in styleIncludePaths within the library's ng-package. “Angular for everyone: Simplified SCSS files’ imports” is published by Redin Gaetan. build. scss in your application. They both serve the same purpose to provide a base path to resolve scss imports, but styleIncludePaths is the syntax in a library's ng-package file when that library is built and stylePreprocessorOptions is the syntax for an angular application for when it is built. Additionally, Angular can bundle component styles with components, enabling a more modular design than regular stylesheets. Dec 6, 2024 · Current Behavior In my project. You can also create stand-alone schematics to manipulate the files and constructs in Angular applications as a way of customizing them for your development environment and making them conform to your standards and Aug 19, 2022 · Angular applications are styled with standard CSS, i. These are used for build and development tools provided by the Angular CLI. May 2, 2018 · The tilde (~) symbol is a quick shortcut to importing SCSS files and tell SCSS to look in the src/ folder. json -file within the stylePreprocessorOptions -property. Description There is 1 application and 1 library. I tried on a project created directly from angular and it still works fine and my old project using nx-workspace version 16. In order for the library to work in your application, you need to import some scss into the Angular application. json “ into the Sass compiler. json) under monorepo? I am working in a nx project (monorepo). Adding this to the build property in the angular. So I created a style folder which contains all my shared scss files. options. Aug 24, 2022 · I have created a folder for CSS files inside my assets directory. base Type: string Default: / Related: server. I am using angular 8. options should be the same: Oct 29, 2024 · I have found everything related to angular material theming, however, it's not the case. includePaths. json”. In this post I want to Description Adding includePaths in the stylePreprocessorOptions entry in angular-cli. In Feb 5, 2019 · I have a problem with the includePath for stylePreprocessorOptions, whatever I do it doesn't work. When I am trying to import the css file I keep getting the error tha Angular defines default builders for use with specific commands, or with the general ng run command. Do you like to publish more libraries? Is your code living in a monorepo Sep 29, 2024 · Go to angular. json ’s apps object seems to have no effect. Aug 25, 2021 · Angular: Setting angular. 0 still wo Jul 22, 2025 · Describe the bug After upgrading from version 8 to 9, it is necessary to add stylePreprocessorOptions in the entry for storybook in the angular. - Generators to help scaffold code quickly (like: Micro Frontends, Libraries, both internal to your codebase and publishable to npm The build output is written to the dist folder, containing all those binaries to meet the Angular Package Format specification. Apr 23, 2020 · Struggling with it too. Jun 19, 2020 · I have tried to move styles into separate lib and I was able to reuse them in main app through configuration in angular. Sep 14, 2020 · The tilde (~) and the ability to add paths to stylePreprocessorOptions. json file, I have added the following coinfiguration to avoid hundreds of warnings after upgrading to Angular 19: "stylePreprocessorOptions": { "sass": { "silenceDepr The stylePreprocessorOptions property in your angular. root Type: string Default: process. I cannot find includePaths in any other file. I have the library itself working, eventually (griping ab Initially I had an stylePreprocessorOptions. includePaths’ into the “angular-cli. json, "sourceRoot": "src I've setup the stylePreprocessorOptions. Oct 24, 2023 · The angular. 0, last published: a year ago. You just need to update given example of ‘stylePreprocessorOptions. How to make them recognize the correct files? On angular. does not work using @angular-devkit/build-angular:application. Add a lib folder. scss files. Jul 15, 2022 · I've been moving chunks of shared code into a library that we can pull into our other projects, and part of that includes some core styles. json to include all external assets, including external style files. Mar 25, 2024 · I'm trying to include an . If you are using scss for your styling, this will allow you to do @import statements with just the file name and not the entire path to the dist directory or the node_modules directory if you published as an Dec 17, 2024 · I am trying to set up an angular library with storybook and I keep running into stylesheet issues (ng g library reusable-components) but it can't compile the scss and Jul 19, 2019 · Is this a regression? The behaviour worked in 8. Important Considerations: The stylePreprocessorOptions. I have also added stylePreprocessorOptions in my angular. I have a libs/shared/ui-styles library with some SCSS mixins. You can do in 2 way: use relative path (framework agnostic way), configure your bundler to bundle path (framework Nov 11, 2021 · I have created a style library in our Nx Workspace with the --publishable flag. 3, and stopped working in 8. Shared Options Unless noted, the options in this section are applied to all dev, build, and preview. json 文件中添加配置 stylePreprocessorOptions > includePaths。 此配置允许开发人员添加将检查导入的额外基本路径。 它告诉 Angular CLI 在处理每个组件样式文件之前，在上述路径中查找样式文件。 For example, to add reactive forms to an application, add the library package using ng add @angular/forms, then import the ReactiveFormsModule from the @angular/forms library in your application code. This Visual Guide will help you understand the design system that Applaudo Studios applies to all its products. Let's get started! Aug 29, 2024 · I'm working on an Angular project structured as a Nx monorepo. Nov 26, 2019 · I have a library upgraded to Angular 12, compiled with ng-packagr, but also having a demo project inside (ie. json are not applied to Storybook's webpack configuration To Reproduce Create an angular workspace and library. json on every project the path will have to be included. Could somebody help me? enter image description here Answer by Jerry Benton I am using . It provides an opinionated approach to application project Jan 24, 2022 · Current Behavior When I run storybook against a library no global styles or assets are included. includePaths in your bundler configuration. Multiple theme files Let’s assume that apart from main styles. , when setting the stylePreprocessorOptions in angular. json Feb 11, 2022 · Describe the bug Additional include paths configured in a library's ng-package. json to get stylePreprocessorOptions. cwd() Project root directory (where index. 2. scss file from an external project that is symlinked into my angular project for development purposes. Below is my angular. oyfzu apjibob twdd nrdht cyfnm sbgr anzk yavub hzn pgjib jiosxd tfuzc upckd hap hvfm