React脚手架使用less
React脚手架使用less
React脚手架使用less
- React使用less编写样式
- Vscode自动保存为css文件
- vscode安装easy less
- vscode安装Live Sass Compiler
React使用less编写样式
-
使用
npm
包:node-less-chokidar
npm官方文档
github官方文档 -
安装
npm
包:npm install node-less-chokidar --save-dev npm install npm-run-all --save-dev
-
安装好保证
package.json
字段如下即可,会自动生成css
文件:"scripts": { "start": "npm run build-css && run-p -ncr watch-css start-js", "start-js": "react-scripts start","build": "run-s -n build-css build-js", "build-js": "react-scripts build","test": "run-s -n build-css test-js", "test-js": "react-scripts test --env=jsdom","build-css": "node-less-chokidar src", "watch-css": "node-less-chokidar src --watch" }, "devDependencies": {"node-less-chokidar": "^0.3.0","npm-run-all": "^4.1.3" }