css - 用波旁威士忌替换或移除 compass

标签 css webpack sass compass-sass

我最近买了一个使用 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/

相关文章:

html - 固定在标题上的 Css 位置隐藏了内容

webpack - css-loader 生成前缀为 "auto"的 url

javascript - 为什么我收到此错误 : Module build failed (from ./node_modules/babel-loader/lib/index.js) : Syntax Error Unexpected token, 预期 ","

html - 扩展 & :hover of any class to any other class's hover in SASS or SCSS

css - SASS 中的双符号选择器

css - 使内容部分向下延伸到页脚

HTML-CSS : Styling <object>?

html - 如何对齐我的导航栏,使其永久位于我的白框中间(没有填充等)?

karma-runner - 每次导入时执行的 ES6 模块代码

grails - Grails 2.4.4是否支持SCSS?