Node.js 在Nodejs中加载静态资产

Node.js 在Nodejs中加载静态资产,node.js,express,semantic-ui,Node.js,Express,Semantic Ui,加载静态文件的正确方法是什么。我正在尝试使用语义用户界面。我在这里遵循了基本步骤:。我已经安装了Node,NPM,运行了gulp进程并构建了文件。我还需要这样的文件: link(rel='stylesheet', type='text/css', href='/semantic/dist/semantic.min.css') script(src='semantic/dist/semantic.min.js') 我的项目结构如下: server.js views/ index.jad

加载静态文件的正确方法是什么。我正在尝试使用语义用户界面。我在这里遵循了基本步骤:。我已经安装了Node,NPM,运行了gulp进程并构建了文件。我还需要这样的文件:

link(rel='stylesheet', type='text/css', href='/semantic/dist/semantic.min.css')
script(src='semantic/dist/semantic.min.js')
我的项目结构如下:

server.js

views/  
  index.jade

semantic/  
  dist/
    semantic.min.css
    semantic.min.js
我已经在浏览器中进行了检查,没有控制台错误,但是这些文件没有列为资源。我已经检查了服务器日志,没有错误

我唯一能想到的是,我需要设置一个公共目录来服务静态文件,如:

app.use(express.static(path.join(__dirname, 'public')));
编辑 我曾尝试这样做:

app.use(express.static('public'));
并已将文件移动到公共目录中。它会加载,因为我可以在浏览器中导航到它们,但它们不会被应用

是否仍需要从语义文件夹中获取它们?我喜欢从同一个空间建造和要求它们

编辑

视图:


在app.js文件中添加此行

app.use(express.static(path.join(__dirname,'public')));
然后在项目根目录中创建一个名为public的文件夹,并将css和js文件移动到此文件夹中。更好的组织方式是 在公共目录中创建名为css和javascript的文件夹,然后将css和js文件放在这些文件夹中

然后在模板文件中,添加以下内容:

link(rel='stylesheet', type='text/css', href='css/semantic.min.css')
script(src='javascript/semantic.min.js')

现在,它将识别文件(仅通过在URL中键入该文件),但js或css代码都不会影响标记。如何加载js/css文件,然后使其效果不发生?删除此部分并尝试一下
type='text/css'
我删除了它,但仍然没有骰子。在路上有什么我需要做的吗?express是否需要在标题中添加内容?如果您能够通过url访问css和js文件,那么您的标记可能存在一些问题。
app.use(express.static(path.join(__dirname,'public')));
link(rel='stylesheet', type='text/css', href='css/semantic.min.css')
script(src='javascript/semantic.min.js')