如何使用 slim 引用 javascript 文件答案

【问题标题】：How can I reference a javascript file with slim如何使用 slim 引用 javascript 文件
【发布时间】：2014-01-04 13:07:25
【问题描述】：

我了解如何使用 javascript: 在纤薄的模板中嵌入 javascript。有没有办法让我引用一个 javascript 文件。

get '/about' do
  @title = "All About This Website"
  slim :about
end

这里是 about.slim

p This site is a demonstration of how to build a website using Sinatra.
javascript:
  alert("hello world")

这行得通。我可以引用 javascript 文件而不是 javascript statment/s 吗？像这样：

p This site is a demonstration of how to build a website using Sinatra.
javascript:
  about.js

【问题讨论】：

只包含一个脚本标签：script src="about.js"
我可以使用带有 javascript 标签的文件名吗？我将发布另一个关于为什么我需要这样做的问题。我意识到这并不是苗条特有的。当我使用 haml 时，我遇到了同样的问题。
@Blender 我已经尝试过您的解决方案，但它似乎对我不起作用。我使用 gem 将我的 ERB 文件转换为 Slim，除了我的 javascrip 文件之外，一切似乎都正常工作。你碰巧有其他解决方案吗？谢谢。

标签： javascript slim-lang

【解决方案1】：

我使用 script 标签来引用 slim 模板中的文件，它对我有用。

script src="jsfile.js"

我们唯一需要考虑的是，默认情况下，sinatra 会查找 public 文件夹中的静态文件，因此请将 js 文件保留在 public 文件夹中。尝试从浏览器访问您的 js 文件。 public 目录下的所有文件都应该可以访问（url 中没有 public）。

yourhostedsite:port/jsfile.js

您的 sinatra 项目结构可能如下所示

Project root
    |___ controller.rb
    |___ public
    |       |___ jsFile.js
    |       |___ cssFile.css
    |
    |___ views
            |___ html.slim

【讨论】：