如何在Sinatra应用程序中链接Sass文件？

红宝石 CSS

神奇Sam

2020-03-26

我正在尝试将Sass文件链接到Sinatra应用程序。我有一个public/sass/styles.scss文件，正在尝试将其链接到我的views/layout.haml文件中。我能够使用下面的链接我的链接经常css文件layout.haml：%link(rel="stylesheet" href="styles.css")。但是，当我尝试链接到我的时sass/styles.scss，它不起作用。有人可以告诉我如何在Sinatra应用程序中链接Sass css文件吗？谢谢！

第3795篇《如何在Sinatra应用程序中链接Sass文件？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
StafanEva 2020.03.26

您不需要使用单独的gem来编译.scss文件，Sass具有内置功能。

sass --watch style.scss:style.css会将Sass设置为在更改时自动将style.scss编译为style.css。在Sass网站上，

现在，无论何时更改style.scss，Sass都会自动使用更改来更新style.css。稍后，当您有多个Sass文件时，您还可以查看整个目录

泡芙 2020.03.26

您不链接scss，像sass这样的scss不是应该由浏览器解释的文件，您需要一个编译器来处理该文件并将其转换为css。

您需要使用罗盘gem来自动从scs生成css，然后按之前引用的方式链接css

这里有一个用于sinatra的指南针配置示例：

https://github.com/chriseppstein/compass/wiki/Sinatra-Integration

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android