як спостерігати за змінами у цілому каталозі / папці, що містить безліч файлів sass - -

Як я можу простежити зміни у всьому каталозі, що містить безліч файлів sass? Я використовую наступну команду для перегляду змін у sass

файл:

sass --watch style.scss:style.css

Але як спостерігати за змінами у цілому каталозі / папці, що містить безліч файлів sass.

Просто використовуйте команду sass --watch <input folder>:<output folder>, наприклад:

$ ls -l
css/ sass/
$ sass --watch sass:css

Де <input folder>містить файли Sass і на <output folder>яких розміщені створені файли CSS.

Трохи розширивши відповідь piouPiouM:

• Вихідні файли будуть створені з тими самими іменами, що і вхідні файли, за винятком того, що закінчуються на .css.
• <input folder>і <output folder>може бути однаковим.

• Обидві папки можуть бути справжньою робочою директорією, тому діє наступне:

  $ sass --watch .:.

Зайдіть у ваш термінал і перейдіть до папки, після чого написали:

 sass --watch .

це буде переглядати всі файли sass і конвертувати в файли css з тим самим іменем. також ви можете зробити це таким чином:

sass --watch ~/user/youUser/workspace/project/styles/

Сподіваюся, це може вам допомогти.

У підсумку я зробив це, не використовуючи Grunt або Sass-watch:

npm install -g watch
watch "sass assets/app.scss assets/dist/app.css" assets/css

якщо ви перебуваєте у поточній папці, виконайте наступне, щоб переглянути її.

F:\sass tutorial>sass --watch ./:./

Тільки в разі , якщо хто - то особа з цим питанням в 2018 році:
зухвалість Сайт відноситься до Ruby , Sass , який був застарілим . і як і зараз (травень 2018 р.), якщо ви встановлюєте dart sass через npm , він не підтримує --watchкоманду

Що робити:
потрібно встановити node-sassглобально, наприклад:

npm install node-sass -g

а потім перезапустіть командний рядок, а потім використовуйте цей код:

node-sass --watch scss/styles.scss css/styles.css

для компіляції ваших файлів scass у css.
в основному node-sass підтримує --watchкоманду, і ми використовуємо її для компіляції наших кодів scss до звичайних файлів css.

і лише на випадок, коли ви вперше збережете файл .scss, отримавши таку помилку:

{
  "status": 3,
  "message": "File to read not found or unreadable: yourdirectory/scss/styles.scss",
  "formatted": "Internal Error: File to read not found or unreadable: yourdirectory/scss/styles.scss\n"
}

що вам потрібно зробити, це зберегти його знову, він буде працювати правильно!

Ви можете створити один файл sass, який включає решту файлів, а потім просто переглянути цей файл.

Крім того, загляньте у Grunt та дуже хороший плагін grunt-contrib-compass

Відповідно до інформації, ви можете використовувати наступний командний рядок:

sass --watch .

Джерело: http://sassbreak.com/watch-your-sass/#what-does---watch-do

Ви можете встановити sass для перегляду всіх файлів .scss (у моєму випадку я отримав кілька файлів .scss у папці src / static) для компіляції, але перед тим, як встановити його глобально:

npm i -g sass

потім перейдіть до папки проекту та введіть команду нижче:

sass --watch $(pwd)/src/static 

також ви можете обернути його в скрипт npm у package.json, наприклад

 "scripts": {
    "sass:watch": "sass --watch $(pwd)/src/static"
    }
    

і запустіть його за допомогою цієї команди:

npm run sass:watch