Switch styles to SASS.

This commit is contained in:
Alexis Lahouze 2017-08-13 15:14:12 +02:00
parent 332495411e
commit a485baf7d2
4 changed files with 16 additions and 5 deletions

View File

@ -28,6 +28,8 @@
"less-loader": "^4.0.5", "less-loader": "^4.0.5",
"loglevel": "^1.4.1", "loglevel": "^1.4.1",
"ngtemplate-loader": "^2.0.1", "ngtemplate-loader": "^2.0.1",
"node-sass": "^4.5.3",
"sass-loader": "^6.0.6",
"style-loader": "^0.18.2", "style-loader": "^0.18.2",
"ts-loader": "^2.3.2", "ts-loader": "^2.3.2",
"typescript": "^2.4.2", "typescript": "^2.4.2",

View File

@ -2,7 +2,7 @@
import 'zone.js'; import 'zone.js';
import 'reflect-metadata'; import 'reflect-metadata';
require('./main.less'); require('./main.scss');
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; import { BrowserModule } from '@angular/platform-browser';

View File

@ -1,10 +1,12 @@
@import '~font-awesome/less/font-awesome'; $fa-font-path: '~font-awesome/fonts';
@import (inline) '~bootstrap/dist/css/bootstrap.css'; @import '~font-awesome/scss/font-awesome';
@import (inline) '~c3/c3.css'; @import '~bootstrap/scss/bootstrap';
@import (inline) '~ngx-toastr/toastr.css'; @import '~c3/c3';
@import '~ngx-toastr/toastr';
.italic { .italic {
font-style: italic; font-style: italic;

View File

@ -79,6 +79,13 @@ module.exports = {
'style-loader', 'style-loader',
'css-loader', 'css-loader',
] ]
}, {
test: /\.scss$/,
use: [
'style-loader',
'css-loader',
'sass-loader',
]
}, { }, {
test: /\.(png|woff|woff2|eot|ttf|svg)$/, test: /\.(png|woff|woff2|eot|ttf|svg)$/,
loader: 'url-loader?limit=100000' loader: 'url-loader?limit=100000'