[stencil] 에서 css연결하는 방법

pixabay

stencil 에서 css연결하는 방법

 

단일 css가져오기

import { Component } from '@stencil/core';

@Component({
  tag: 'ts-list',
  styleUrl: './ts-list.css',
})
export class TsList {
  // implementation omitted
}

 

여러 css를 가져오기

import { Component } from '@stencil/core';

@Component({
  tag: 'ts-list',
  styleUrls: ['./ts-list-1.css', './ts-list-2.css']
})
export class TsList {
  // implementation omitted
}

 

모드사용

import { Component } from '@stencil/core';

@Component({
  tag: 'ts-list',
  styleUrls: {
     ios: 'ts-list-1.ios.scss',
     md: 'ts-list-2.md.scss',
  }
})
export class TsList {
  // implementation omitted
}

 

직접선언

import { Component } from '@stencil/core';

@Component({
  tag: 'ts-list',
  styles: 'div { background-color: #fff }'
})
export class TsList {
  // implementation omitted
}