Импортировать стиль как модуль на Angular
Эта проблема:
Рассмотрим эту структуру проекта:
/src
/public
/styles
/general
/tables.scss
/secure
/components
/someTable1
/someTable.component.ts
/someTable.component.css
/someTable2
Я хочу импортировать стили по умолчанию в table.scss, основанные на пути src/app/public/styles/general/tables.scss, используя псевдоним, например модуль angular. Бывший:
import { TableScss } from '@styles/general/table.scss';
@Component({
selector: 'some-table-1',
templateUrl: './some-table-1.component.html',
styleUrls: ['./some-table-1.component.css', TableScss]
})
В этом есть смысл? Я уже зарегистрировал псевдоним на tsconfig.app.json, но получил следующую ошибку:
ERROR in src/app/secure/components/some-table1/some-table-1.component.ts(x,y): error TS2307: Cannot find module '@styles/general/table.scss'.
Есть идеи? У меня есть другой способ сделать это?
Ответы 1
Так что вам не следует импортировать такие файлы css. Я не эксперт в стилях, но вы можете найти вдохновение в том, как мы делаем стили. Итак, у нас есть что-то вроде этого
SRC / активы / стили / _table.scss
/** your styles here **/
SRC / активы / стили / _main.scss
@import "table"
@import "otherStyleFile"
src / styles.scss
@import 'assets/styles/main';
[hidden] {
display: none !important;
}
.angular-cli.json
{
"apps": {
[{
"styles": [ "styles.scss"]
}]
}
}
и это должно сработать. обратите внимание, что в именах файлов есть подчеркивания, а в импорте нет, это сделано намеренно.
Но я думаю, вы можете пропустить многие шаги и сделать это для своего случая, поскольку у вас есть только один файл css. Тогда весь ваш проект должен унаследовать стиль, поэтому вам не нужно никуда его импортировать. Я не знаю, нужен ли вам знак подчеркивания в имени файла scss для работы, но я не думаю, что вам нужен.
.angular-cli.json
{
"apps": {
[{
"styles": [ "table.scss"]
}]
}
}
Большое спасибо;). Я переместил импорт из файла машинописного текста в файл scss и добавил ~ для вызова скрипта из корневого каталога и сделал ... Все работает.
почему вы хотите импортировать файл scss?