我最近买了一个使用 sass with compass 的模板。我一直在阅读,几乎每个博客都说 compass 已被弃用。我正在寻找一种方法来替换或移除 compass 并使用波旁威士忌。
我无法使用 compass 编译 sass,每次我运行 npm run dev
时它都说缺少一个变量。
有什么简单的方法可以从 compass 中删除所有 mixim 调用并用波旁威士忌代替它们,或者有什么方法可以整体删除 compass 吗?
我现在正在做的是寻找对 mixins 的任何调用,并用纯 sass 或 css 替换它们。我觉得这可能需要很长时间。文件夹结构如下:
scss
├── style.scss
├── compass
│ ├── css3
│ │ ├── _animation.scss
│ │ ├── _appearance.scss
│ │ ├── _background-clip.scss
│ │ ├── _border-radius.scss
│ │ ├── etc
│ ├── helper
│ │ ├── _header.scss
│ │ ├── _mixin.scss
│ │ ├── _responsive.scss
│ │ ├── etc
最佳答案
看看你的config.rb
文件,其中存储了您的 compass 设置,请查看是否有指向您当前正在使用的文件的任何链接。
您接下来要做的是通过 ruby 卸载它或手动删除它来完全删除 compass 。
gem uninstall compass
在控制台中。或者,找到目录将其删除,然后跟踪所有使用过的混合宏,以便您也可以删除它们(这会有点困惑)。
Bourbon 不支持 Compass 中提供的所有功能,但它肯定是迄今为止最合适的 mixin 库。
接下来,学习使用 npm 强>。这是一款可以为您节省大量时间和麻烦的软件。
npm install bourbon --save
在控制台中,仅此而已。之后您只需将其导入 SCSS。
接下来,学习使用 Gulp ,这样您就不会在开发过程中浪费更多时间。
关于css - 用波旁威士忌替换或移除 compass ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44039936/