IIS 不加载 .scss 文件
IIS not loading .scss files
所以我已经将我的网站从 XAMPP WebHost 移动到 IIS(Internet 信息服务),但是由于某种原因,我的 site.scss
样式表没有加载?
所有 .js 文件都加载了它们的内容,所以我知道路径应该有效:
<link href="/css/site.scss" rel="stylesheet">
<script type="text/javascript" src="/js/toggletheme.js" defer></script>
<script type="text/javascript" src="/js/togglemenu.js" defer></script>
文件夹结构:
在加载内容之前,是否需要在 Handler Mappings
或类似的 IIS 中启用其他功能?
.scss
文件只包含很多样式并且不是空的见截图:
嗨,Mads Sander Høgstrup,
Sass 语言不能替代 CSS,因为 Web 浏览器无法直接解释 SASS 文件。相反,一个 SASS 文件可以编译成一个 CSS 文件,然后用于格式化网页内容。
一旦您开始修改 Sass,它会将您预处理的 Sass 文件保存为您可以在您的网站中使用的普通 CSS 文件。
实现此目的的最直接方法是在您的终端中。安装 Sass 后,您可以使用 sass 命令将 Sass 编译为 CSS。您需要告诉 Sass 从哪个文件构建,以及输出 CSS 到哪里。例如,来自终端的 运行 sass input.scss output.css
将采用单个 Sass 文件 input.scss
,并将该文件编译为 output.css
.
您还可以使用 --watch 标志监视单个文件或目录。监视标志告诉 Sass 监视源文件的更改,并且每次保存 Sass 时 re-compile CSS。如果您想监视(而不是手动构建)您的 input.scss 文件,只需将监视标志添加到您的命令中,如下所示:
sass --watch input .scss output.css
您可以通过使用文件夹路径作为输入和输出并用冒号分隔来观看和输出到目录。在这个例子中:
sass --watch app/sass: public/stylesheets
Sass 将监视 app/sass 文件夹中的所有文件的更改,并将 CSS 编译到 public/stylesheets 文件夹。
所以我已经将我的网站从 XAMPP WebHost 移动到 IIS(Internet 信息服务),但是由于某种原因,我的 site.scss
样式表没有加载?
所有 .js 文件都加载了它们的内容,所以我知道路径应该有效:
<link href="/css/site.scss" rel="stylesheet">
<script type="text/javascript" src="/js/toggletheme.js" defer></script>
<script type="text/javascript" src="/js/togglemenu.js" defer></script>
文件夹结构:
在加载内容之前,是否需要在 Handler Mappings
或类似的 IIS 中启用其他功能?
.scss
文件只包含很多样式并且不是空的见截图:
嗨,Mads Sander Høgstrup,
Sass 语言不能替代 CSS,因为 Web 浏览器无法直接解释 SASS 文件。相反,一个 SASS 文件可以编译成一个 CSS 文件,然后用于格式化网页内容。
一旦您开始修改 Sass,它会将您预处理的 Sass 文件保存为您可以在您的网站中使用的普通 CSS 文件。
实现此目的的最直接方法是在您的终端中。安装 Sass 后,您可以使用 sass 命令将 Sass 编译为 CSS。您需要告诉 Sass 从哪个文件构建,以及输出 CSS 到哪里。例如,来自终端的 运行 sass input.scss output.css
将采用单个 Sass 文件 input.scss
,并将该文件编译为 output.css
.
您还可以使用 --watch 标志监视单个文件或目录。监视标志告诉 Sass 监视源文件的更改,并且每次保存 Sass 时 re-compile CSS。如果您想监视(而不是手动构建)您的 input.scss 文件,只需将监视标志添加到您的命令中,如下所示:
sass --watch input .scss output.css
您可以通过使用文件夹路径作为输入和输出并用冒号分隔来观看和输出到目录。在这个例子中:
sass --watch app/sass: public/stylesheets
Sass 将监视 app/sass 文件夹中的所有文件的更改,并将 CSS 编译到 public/stylesheets 文件夹。