From 5178c526c06919e2b7f7e3c9197a3d654010e90a Mon Sep 17 00:00:00 2001 From: Steven Sinatra <5153378+diagramatics@users.noreply.github.com> Date: Mon, 30 Apr 2018 13:56:30 +1000 Subject: [PATCH] Change CSS preprocessors doc for composability --- packages/react-scripts/template/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md index 21cf719e961..ab796dc262d 100644 --- a/packages/react-scripts/template/README.md +++ b/packages/react-scripts/template/README.md @@ -621,7 +621,7 @@ Then in `package.json`, add the following lines to `scripts`: ```diff "scripts": { + "build-css": "node-sass-chokidar src/ -o src/", -+ "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive", ++ "watch-css": "npm run build-css && npm run build-css -- --watch --recursive", "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", @@ -637,7 +637,7 @@ To enable importing files without using relative paths, you can add the `--incl ``` "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/", -"watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive", +"watch-css": "npm run build-css && npm run build-css -- --watch --recursive", ``` This will allow you to do imports like @@ -666,7 +666,7 @@ Then we can change `start` and `build` scripts to include the CSS preprocessor c ```diff "scripts": { "build-css": "node-sass-chokidar src/ -o src/", - "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive", + "watch-css": "npm run build-css && npm run build-css -- --watch --recursive", - "start": "react-scripts start", - "build": "react-scripts build", + "start-js": "react-scripts start",