修改变量后动态重新导入 Sass 部分

2024-05-02

我正在开发一个利用 Sass 预编译的 Twitter Bootstrap 的项目。

每次覆盖变量时,我都必须重新导入_bootstrap.sass文件到我的项目主样式表以使覆盖生效。

您是否知道如何使此过程自动进行,以便每次修改变量时立即生效?

为了进一步澄清,这是我的目录结构:

/project
  /custom-sass
    /boot.scss -> This is where _bootstrap.scss is imported
    /glob.scss
  /dev
    /bootstrap-sass
      /bootstrap
        /mixins
        /partial1.scss
        /partial2.scss
        /etc..
      /_bootstrap.scss -> This is the main Bootstrap Sass file that imports all partials.

当我直接在 _variables.scss 中覆盖变量,然后重新导入时_bootstrap.scss有了这个指令:@import '../dev/bootstrap-sass/_bootstrap.scss在我的 boot.scss 中,样式得到更新。

但是,我不想直接覆盖变量_variables.scss。而且,我不想被迫重新导入_bootstrap.scss每次我进行更改时都会在我的主样式表中。


没有任何语言可以实现您所建议的功能。如果您指定$margin: 10px然后运行一些使用该变量的代码,您不能将其更改为20px并期望它能够追溯更改已经运行的代码的结果。

如果你想$margin: 20px,然后在运行依赖于它的过程(混合、导入等)之前以这种方式指定它。换句话说,移动您的 Bootstrap 导入,以便它们after你设置你的变量。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

修改变量后动态重新导入 Sass 部分 的相关文章

随机推荐