css - @imports 中的 node-sass 监视更改

Question

我正在运行以下命令。当我在导入的文件 './style/custom' 中更改某些内容时，sass 不会按预期自动重新编译。

node-sass 跟随 @imports 并观察它们的正确命令是什么？

node-sass --watch --recursive local.sass --follow --indented-syntax 
--output-style nested --source-map true local.css

local.sass - 如下所示

/*
 ***************************
 file: ./style/bootstrap/bootstrap-sass
 ***************************
 */

@import ./style/bootstrap/bootstrap-sass


/*
 ***************************
 file: ./style/bower_components
 ***************************
 */
@import ./style/bower_components


/*
 ***************************
 file: ./style/asset_css
 ***************************
 */
@import ./style/asset_css


/*
 ***************************
 file: ./style/custom.sass
 ***************************
 */
@import ./style/custom

Answer 1

如果您将导入放在引号中， node-sass --watch 就可以工作。问题在于 sass-graph 女巫不适用于缩进的 sass 语法。

git问题链接： https ://github.com/sass/node-sass/issues/1179

/*
 * **************************
 * file: ./style/bootstrap/bootstrap-sass
 * **************************
 */

@import './style/bootstrap/bootstrap-sass'


/*
 * **************************
 * file: ./style/bower_components
 * **************************
 */
@import './style/bower_components'


/*
 * **************************
 * file: ./style/custom.sass
 * **************************
 */
@import './style/custom'