javascript - 如何使用 slim 引用 javascript 文件

Question

我了解如何使用 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 语句吗？像这样:

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

Answer 1

我使用脚本标签在 slim 模板中引用文件，它对我有用。

script src="jsfile.js"

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

yourhostedsite:port/jsfile.js

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

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