Блог

В TailwindCSS есть отличный инструмент CLI, который компилирует CSS в режиме JIT, а также отслеживает изменения. Команда NPX для использования этого

npx tailwindcss -i src/main.css -o dist/style.css --jit --watch --minify

Однако, когда мы пытаемся использовать то же самое с SCSS в качестве исходного файла, появляется следующая ошибка.

 UnhandledPromiseRejectionWarning: CssSyntaxError: /opt/lampp/htdocs/frontend-boilerplate/src/css/main.scss:26:1: Unknown word

You tried to parse SCSS with the standard CSS parser; try again with the postcss-scss parser

 at Input.error (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:61127:16)
    at Parser.unknownWord (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:63045:22)
    at Parser.other (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:62676:12)
    at Parser.parse (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:62586:16)
    at parse (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:62488:12)
    at new LazyResult (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:61360:16)
    at Processor.process (/opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/peers/index.js:63384:12)
    at /opt/lampp/htdocs/frontend-boilerplate/node_modules/tailwindcss/lib/cli.js:582:39
(Use `node --trace-warnings ...` to show where the warning was created)
(node:9077) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:9077) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
 

Может ли кто-нибудь предложить, как CLI TailwindCSS можно использовать с SCSS?