Created
December 2, 2020 10:30
-
-
Save jeromecoupe/2d423e7b8a635410ec76933b89e35b58 to your computer and use it in GitHub Desktop.
Minimal NPM script Sass
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "sass-npm-scripts", | |
"version": "1.0.0", | |
"author": "Jérôme Coupé", | |
"description": "Minimal Sass NPM scripts", | |
"main": "index.js", | |
"scripts": { | |
"build:styles": "sass --style=compressed src/scss/:dist/css/", | |
"watch:styles": "onchange src/scss/**/*.scss -- npm run build:styles", | |
"watch": "npm-run-all --parallel watch:**", | |
"build": "npm-run-all --parallel build:**" | |
}, | |
"license": "MIT", | |
"devDependencies": { | |
"npm-run-all": "^4.1.5", | |
"onchange": "^7.1.0", | |
"sass": "^1.29.0" | |
} | |
} |
J'utilise sass --watch
directement, je suppose que onchange
est surtout intéressant pour surveiller de la même façon différents types de fichiers qui nécessitent différents builders.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
npm install
pour ... installerEnsuite
npm run watch
ounpm run build
J'ai ajouté
onchange
comme watcher etnpm-run-all
pour pouvoir facilement faire des compositions de tasks en parallèle ou en série, ce qui est souvent utile si il est nécessaire de builder autre chose (js, optimisation d'images, etc) ou si un browsersync devient intéressant.