Как написать скрипт, который компилирует все файлы SCSS в CSS в Vue 3? ⇐ CSS

[Anonymous]

В моем проекте в папке src/assets/styles есть файл index.scss. На том же уровне существует несколько папок, содержащих файлы SCSS, которые в конечном итоге импортируются в index.scss. Я хочу создать в файле package.json скрипт, который скомпилирует все файлы SCSS и поместит их в папку src/assets/styles/css.

"скрипты": { ... "compile": "node-sass --watch src/assets/styles/ -o src/assets/css",

В один из моих файлов я включаю библиотеку нормализации:

@import 'node_modules/normalize-scss/sass/normalize'; @include нормализовать(); Выводит такую ​​ошибку: { "статус": 1, "файл": "C:/work/flowers-box/node_modules/normalize-scss/sass/normalize/_vertical-rhythm.scss", "line": 15, "столбец" : 17, "message": "Недопустимый CSS после \"... @return math\": ожидаемое выражение (например, 1 пиксель, жирный шрифт) было \".div($value, $base-\"", "formatted" : «Ошибка: неверный CSS после \"... @return math\": ожидаемое выражение (например, 1 пиксель, жирный шрифт) было \".div($value, $base-\"\n в строке 15 файла node_modules/normalize -scss/sass/normalize/_vertical-rhythm.scss\n из строки 2 файла node_modules/normalize-scss/sass/_normalize.scss\n из строки 1 файла src/assets/styles/common/normalize.scss\n из строки 2 из src/assets/styles/index.scss\n>> @return math.div($value, $base-font-size) * 1rem;\n\n ------------ ----^\n"

Я попробовал удалить эти две строки, и это сработало. Как мне заставить этот файл также скомпилироваться или полностью игнорировать его во время компиляции?