node-sass监视@imports中的更改

Question

我正在运行以下命令。当我在导入的文件中更改某些内容＆＃39; ./ style / custom＆＃39; 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 - 如果您将导入放入引号，则可以使用。问题出现在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'