Javascript 如何在index.html中设置资产文件夹内的文件_Javascript_Css_Node.js_Express

Javascript 如何在index.html中设置资产文件夹内的文件

javascript css node.js express

Javascript 如何在index.html中设置资产文件夹内的文件,javascript,css,node.js,express,Javascript,Css,Node.js,Express,我的文件夹结构如下所示角src src index.html 引导 css app.js 在我的app.js文件中，我将此静态文件夹设置为： // Set Static Folder app.use(express.static(path.join(__dirname, 'public'))); 我想在index.html中设置css和引导文件下面是index.html文件： <!DOCTYPE html> <html> <head>

我的文件夹结构如下所示

角src
- src
  - index.html
引导
css
app.js

在我的app.js文件中，我将此静态文件夹设置为：

// Set Static Folder
app.use(express.static(path.join(__dirname, 'public')));

我想在index.html中设置css和引导文件

下面是

index.html

文件：

<!DOCTYPE html>
<html>
  <head>
    <title>Alpha Theme</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- jQuery UI -->
    <link href="https://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" rel="stylesheet" media="screen">
    <!-- Bootstrap -->
    <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- styles -->
    <link href="./css/styles.css" rel="stylesheet">
    <link href="./css/stats.css" rel="stylesheet">
</head>
<body>
  <app-root>Loading...</app-root>
  <footer>
    <div class="container">
       <div class="copy text-center">
          Copyright 2014 <a href='#'>Website</a>
       </div>
    </div>
 </footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- jQuery UI -->
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./vendors/morris/morris.css">
<script src="./vendors/jquery.knob.js"></script>
<script src="./vendors/raphael-min.js"></script>
<script src="./vendors/morris/morris.min.js"></script>
<script src="./vendors/flot/jquery.flot.js"></script>
<script src="./vendors/flot/jquery.flot.categories.js"></script>
<script src="./vendors/flot/jquery.flot.pie.js"></script>
<script src="./vendors/flot/jquery.flot.time.js"></script>
<script src="./vendors/flot/jquery.flot.stack.js"></script>
<script src="./vendors/flot/jquery.flot.resize.js"></script>
<script src="./js/custom.js"></script>
<script src="./js/stats.js"></script>
</body>
</html>


阿尔法主题

目录结构：

现在来回答您的问题，设置index.html中使用的css和引导文件的路径：

<!-- Bootstrap -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- styles -->
    <link href="../../css/styles.css" rel="stylesheet">
    <link href="../../css/stats.css" rel="stylesheet">

目录结构：

现在来回答您的问题，设置index.html中使用的css和引导文件的路径：

<!-- Bootstrap -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- styles -->
    <link href="../../css/styles.css" rel="stylesheet">
    <link href="../../css/stats.css" rel="stylesheet">