electron-webpack
electron-webpack copied to clipboard
Angular Styles with View Encapsulation
There is this example of using electron-webpack in Angular https://github.com/kendraio/angular-electron-webpack-example
Just about every example I can find imports styles in a way that breaks view encapsulation of the styles.
The standard Angular way to import styles is through component stylesUrl:
@Component({
selector: 'app-component',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
The way I see it done (and how I've been doing it for lack of a better way), is
import "./app.component.scss";
@Component({
selector: 'app-component',
templateUrl: './app.component.html',
encapsulation: ViewEncapsulation.None
})
I've tried various configurations for loaders to no avail. Does anyone have an example of their webpack.renderer.additions.js that allows Angular styles to be imported the way they were intended?
Note:
In addition to component styles at src/renderer/app/components/**/*.scss
, I also have some global styles at src/renderer/styles/*.scss