如何通过CLI强制监听node-sass?SCSS无变更时如何强制编译?
关于node-sass CLI强制监听与强制编译的解决方案
嗨,针对你提到的两个node-sass使用问题,我整理了实用的解决办法:
一、强制监听node-sass
node-sass自带的--watch(简写-w)参数本身就是用来持续监听SCSS文件变更的,就像你当前使用的命令:
node-sass --watch assets/scss -o assets/css --output-style compressed
它会一直盯着目标目录下的文件,哪怕某次编译出现语法错误,后续文件有修改时依然会重新尝试编译,不会轻易终止监听。如果担心监听进程意外中断(比如某些极端场景下的崩溃),可以用nodemon来做进程守护,自动重启监听命令:
首先安装nodemon:
npm install nodemon --save-dev
然后修改package.json的scripts:
"scripts": { "sass:watch": "nodemon --exec 'node-sass assets/scss -o assets/css --output-style compressed' --watch assets/scss" }
这样就算node-sass进程意外退出,nodemon会立刻重启它,保证监听持续运行。
二、无变更时强制编译(模拟compass watch --force)
node-sass本身没有直接的--force参数,但我们可以通过两种方式实现类似效果:
方式1:先全量编译再启动监听
直接修改npm脚本,让它先执行一次完整的编译(不管文件有没有变化),再进入监听状态:
"scripts": { "sass:build": "node-sass assets/scss -o assets/css --output-style compressed", "sass:watch": "npm run sass:build && node-sass --watch assets/scss -o assets/css --output-style compressed" }
运行npm run sass:watch时,会先强制编译所有SCSS文件生成CSS,之后再开始监听后续的文件变化,和compass watch --force的启动逻辑一致。
方式2:用onchange工具实现启动即编译
如果想要更灵活的控制,可以用onchange工具,它支持启动时先执行一次编译命令,之后再监听文件变化:
先安装onchange:
npm install onchange --save-dev
然后配置脚本:
"scripts": { "sass:build": "node-sass assets/scss -o assets/css --output-style compressed", "sass:watch": "onchange 'assets/scss/**/*.scss' --initial -- npm run sass:build" }
这里的--initial参数会让命令在启动时立刻执行一次npm run sass:build,之后只要SCSS文件有变更,就会再次触发编译,完美模拟你想要的强制编译+监听效果。
内容的提问来源于stack exchange,提问作者asp
相关产品推荐
相关产品推荐

