用波旁威士忌替换或移除指南针

Question

我最近买了一个使用 sass 和指南针的模板。我一直在阅读，几乎每个博客都说指南针已被弃用。我正在寻找一种方法来替换或删除指南针并使用波旁威士忌。

我一直无法用罗盘编译sass，每次我运行 npm run dev它都说缺少一个变量。

有什么简单的方法可以从 compass 中删除所有 mixim 调用并用 bourbon 替换它们，或者有什么方法可以完全删除 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

Answer 1

查看您的 config.rb 文件，其中存储了您的罗盘设置，查看是否有任何指向您当前正在使用的文件的链接。

您接下来要做的是通过 ruby 卸载它或手动删除它来完全删除指南针。

gem uninstall compass 在控制台中。或者，找到目录将其删除，然后跟踪所有使用过的 mixin，以便您也可以删除它们（这会有点混乱）。

Bourbon 不支持 Compass 中提供的所有功能，但它确实是迄今为止最合适的 mixin 库。

接下来，学习使用npm。这是一款可以为您节省大量时间和麻烦的软件。

npm install bourbon --save 在控制台中，仅此而已。您只需在之后将其导入 SCSS。

接下来，学会使用Gulp，才不会在开发中浪费更多的时间

用波旁威士忌替换或移除指南针

Replace or remove compass with bourbon

css

webpack

sass

compass-sass