node-sass 观察@imports 中的变化

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 语法。

Link 到 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'

node-sass 观察@imports 中的变化

node-sass watch changes in @imports

css

sass

watch

node-sass