Aspnetcore-angular-universal: Third party scss

Created on 4 May 2017  路  1Comment  路  Source: TrilonIO/aspnetcore-angular-universal

Where should I put 3rd party scss? I found this question, but no solution.
I am using Kendo UI for Angular and I need to place scss globally.

I tried to add it to main.browser.ts, but it is not added.

import './polyfills/browser.polyfills';
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { BrowserAppModule } from './app/browser-app.module';

import "../node_modules/@progress/kendo-theme-default/scss/all.scss";       //<-----------------------

const rootElemTagName = 'app'; // Update this if you change your root component selector

// // Enable either Hot Module Reloading or production mode
if (module['hot']) {
    module['hot'].accept();
    module['hot'].dispose(() => {
        // Before restarting the app, we create a new root element and dispose the old one
        const oldRootElem = document.querySelector(rootElemTagName);
        const newRootElem = document.createElement(rootElemTagName);
        oldRootElem.parentNode.insertBefore(newRootElem, oldRootElem);
        modulePromise.then(appModule => appModule.destroy());
    });
} else {
    enableProdMode();
}

const modulePromise = platformBrowserDynamic().bootstrapModule(BrowserAppModule);

Most helpful comment

I've put mine here... and it's worked.

image

>All comments

I've put mine here... and it's worked.

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

MarkPieszak picture MarkPieszak  路  41Comments

pjmagee picture pjmagee  路  17Comments

isaacrlevin picture isaacrlevin  路  24Comments

MarkPieszak picture MarkPieszak  路  14Comments

ORuban picture ORuban  路  15Comments