带有 scss、webpacker 和 rails 6 的样式表的顺序答案

【问题标题】：Order of stylesheets with scss, webpacker and rails 6带有 scss、webpacker 和 rails 6 的样式表的顺序
【发布时间】：2019-09-17 15:43:41
【问题描述】：

我正在使用 webpacker gem (v4.0.7) 作为 Rails 6 中的默认值。

我的样式表资产正在通过 app/javascripts/stylesheets/application.scss 文件加载

但是，该文件中样式表资产的列出顺序并没有反映在开发中编译的css中，例如

application.scss：

@import "~bootstrap/dist/css/bootstrap";
@import "./theme/style.css";

当我加载页面时，我看到bootstrap 样式表优先于style.css：

有没有办法控制包含顺序？

【问题讨论】：

【解决方案1】：

想出了这个，它与 scss 而不是 webpack(er) 相关

在我的 application.scss 中，我正在导入的文件是 .css 文件，因此无法编译。将这些更改为 .scss 文件意味着它们是按指定的顺序编译的。

【讨论】：