css - 如何在我自己的 CSS 上正确导入 Sass？

Question

我现在正在学习sass，我对它的简单感到惊讶，但是我在编译或导入时遇到了问题。

因为如果我尝试查看我的 style.css，它还包含 Bootstrap 框架的样式以及其他第三方 css。

这是我的设置，希望你能给我一些想法。

样式.scss

// Import Bootstrap Compass integration
@import "bootstrap-compass";

// Import custom Bootstrap variables
@import "bootstrap-variables";

// Import Bootstrap for Sass
@import "bootstrap";

// Import Font Awesome
@import "font-awesome-compass";
@import "font-awesome";

// sass breakpoint
@import "../assets/bower_components/breakpoint-sass/stylesheets/_breakpoint.scss";

mystyles.scss

@import 'styles';
@import 'mystyles-mixins';
@import 'mystyles-variables';

.... my styles below

如您所见，style.scss 仅用于导入。你能帮我吗？输出很好，但我不喜欢我在页面源代码上看到的内容，因为它看起来像我的 css 归 bootstrap 所有:-)

我正在使用 Compass 和 sass

Answer 1

当我编译我的 SCSS/SASS 并添加我自己的横幅(评论)时，我删除了第三方评论。你可以在bootstrap's CSS file上看到他们添加了 /*! */ 在顶部评论。意思是当你编译时它会保留那个注释。您可以在 documents 上阅读更多相关信息.

因此，如果您删除所有第三方强制评论，例如。 /*!评论 */ 并将您自己的添加到您的第一个导入中，它应该看起来更干净。