Когда я компилировал свои файлы, почему я не мог скомпилировать файлы стилей?

Question

английский не мой родной язык; прошу прощения за ошибки при печати. ​​

Я создал рабочее пространство введите описание изображения здесь ;

Затем я запускаю "tsc -p." скомпилировать мои файлы;

Вот сгенерированные файлы введите описание изображения здесь

Я не могу найти "index.less" в каталоге dist.

Это означает, что при запуске "tsc" файлы стилей не компилируются. Так как я могу скомпилировать файл стиля с помощью tsc или другими способами;

спасибо;

Answer 1

Если вы хотите сгенерировать CSS из LESS в отдельном файле, просто установите инструмент CLI less с npm install less и используйте команду lessc для этого.

Если вы хотите объединить LESS и TypeScript в один вывод JavaScript, вам может потребоваться webpack + ts-loader + less-loader. На GitHub есть множество примеров . И взгляните на официальный веб-сайт для более подробной конфигурации.

Если вы хотите пропустить запись конфигурации веб-пакета для каждого проекта, вы можете попробовать этот инструмент 1c .

Answer 2

tsc означает typescript compiler. Компилирует машинопись в javascript.

Если вы хотите скомпилировать scss, вам нужен компилятор scss, например, node-sass Вы можете установить его, используя npm install node-sass

VS Code также имеет расширение scss для компиляции стилей, вы можете найти его на рынке расширений.