css - Prepros:观看所有文件但只编译主要文件

标签 css sass prepros

我对 Prepros 配置有疑问。

我想查看元素中所有 *.scss 文件的变化,但我只想编译 style.css 文件。

enter image description here

style.scss的内容:

@import "_bootstrap";
@import "_bootstrap-compass.scss";
@import "_bootstrap-mincer.scss";
@import "_bootstrap-sprockets.scss";

我设法配置了我的主文件 scss/style.scss 以编译成文件 style.css。编译工作正常。但我不想每次在某些文件中进行更改时手动执行此操作。

有没有办法监视所有 *.scss 文件的变化?当发生变化时,有没有办法告诉 Prepros 触发 style.scss 编译?

最佳答案

尝试从您的@imports 中删除下划线字符和 .scss 文件扩展名,保存文件并重新加载 prepros。

@import "_bootstrap-compass.scss";

将成为

@import "bootstrap-compass";

我发现如果我像这样设置我的元素,它会以某种方式更可靠地工作,但据说它应该以任何一种方式工作。文件观察器用于在任何包含的文件更新时编译您的样式表。

如果这不起作用,我建议删除元素并重新添加它(确保删除元素文件夹中的配置文件),然后重新启动 Prepros。

关于css - Prepros:观看所有文件但只编译主要文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40995279/

相关文章:

css - 尝试使用 Prepros 和 Gumby 编译 sass 时,如何修复此编译错误?

javascript - 将 JavaScript 文件与 Prepros 连接失败

css - 让边框到达 Bootstrap 列的顶部和底部

html - 谷歌浏览器 (v.51) 未应用打印媒体 css

javascript - 带有关键帧和 css 变量的 stroke-dashoffset 动画

css - 编译 SCSS 生成超过 3 MB 的 CSS 文件

html - 图像定位响应式设计

javascript - 摇树萨斯

javascript - 使用箭头键导航表格单元格并忽略禁用的单元格