PhpStorm: сворачивание всех файлов.SCSS в один файл.CSS с помощью watchify.js?
Я разрабатываю приложение для браузера, используя комбинацию следующих инструментов сборки npm
- Browserify
- Coffeeify
- Watchify
Часть скриптов моего файла package.json:
"scripts": {
"build": "browserify -t coffeeify init.coffee -o ../www/bundle.js",
"watch": "watchify -t coffeeify init.coffee -o ../www/bundle.js"
}
Пока что я настроил свой проект так, что перед тем, как начать работу над ним, я ввожу команду "npm run watch", и все файлы CoffeeScript автоматически объединяются в файл bundle.js при каждом его обновлении. Теперь я также хочу иметь несколько файлов.SCSS, которые автоматически компилируются в файлы.CSS, а затем все объединяются и минимизируются в файл min.css. И, в идеале, я хочу сделать это без необходимости вводить команды, отличные от той, которую я уже ввожу для своих файлов CS ("npm run watch").
Вот мой package.json devDependencies:
"devDependencies": {
"coffee-script": "^1.10.0",
"coffeeify": "^2.0.1",
"browserify": "^12.0.1",
"watchify": "^3.6.0",
"node-sass": "^3.4.2",
"yuicompressor": "^2.4.8"
}
Пока что я нахожусь в точке, где я успешно компилирую свои файлы.SCSS в файлы.CSS с помощью средства просмотра файлов PhpStorm и модуля npm sass-node. После некоторого прочтения я решил использовать компрессор yui (он также установлен как модуль Node, как вы можете видеть выше). Однако после долгих поисков я не смог найти хорошее описание того, как это сделать.
Я должен обновить:
"watch": "watchify -t coffeeify init.coffee -o ../www/bundle.js"
строка в моем файле package.json? Если так, то как?
Я хочу, чтобы конечный результат был таким, чтобы при изменении файла из папки SCSS файл min.css в другой папке автоматически перекомпилировался.
(Я не обязательно настаиваю на использовании компрессора yui, если для моих целей есть лучший вариант.)