Question

我正在将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：

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

Answer 1

想到了这一点，这与scss而不是webpack（er）有关

在我的application.scss文件中，我要导入的文件是.css文件，因此未按此类进行编译。将这些更改为.scss文件意味着它们将按照指定的顺序进行编译。