Comments (6)
Hello,
This is not really relevant to electron itself. There are a couple of different ways to do that, the most common is to just add these styles to the root component and mark View Encapsulation to "none".
Best regards
Joao Garin
from angular-electron.
I found this webpack-contrib/sass-loader#218 (comment) works for me, I use src/app/styles, but I have to mark styles as resource root to tell intellij where to resolove the import.
from angular-electron.
https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation
from angular-electron.
@joaogarin Is it possible to run by ng serve
if I don't need electron's feature, it's easier for dev, I add a angular-cli, so I can use ng generate
now, but not ng serve
from angular-electron.
The default is ViewEncapsulation.None
for app-component, but scss variables must used by @import
, so, the issues is not solved.
from angular-electron.
Hello,
Sorry but I don't follow what the issue is. I am not really familiar with the CLI so don't know how its done there. This project does not use the CLI.
But here its just a scss file imported in the app.component.ts file (root component). So you can import without any problem..You can also use multiple scss files in there if you would like.
from angular-electron.
Related Issues (20)
- Fresh install Build error HOT 5
- error in windows HOT 2
- packaget the application for all Platforms HOT 5
- MacOs Sierra "npm run build.dev" failure caused by webpack HOT 8
- Windows Installer and AUto updater REquest HOT 2
- .SASS issues with @angular/material new update. HOT 2
- Angular loadChildren routing not considered with webpack HOT 3
- Firebase Storage ? HOT 2
- File to import not found or unreadable: @angular/material/core/theming/all-theme. HOT 6
- Issue with Material Tabs: must include BrowserAnimationsModule HOT 3
- Angular Material theme doesn't work HOT 1
- Friend System HOT 1
- There is an error,please add a @NgModule annotation. HOT 2
- Packaging error (_resolveFilename) HOT 6
- Packaging error (re-open) HOT 6
- Module Not Found HOT 1
- package @angular/cdk is needed. HOT 2
- #error "npm run webpack-test"
- Modules not found - Replace
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-electron.