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

Question

I have a folder structure like below 我有一个如下的文件夹结构

angular-src 角-SRC
- src SRC
  - index.html 的index.html
bootstrap 引导
css CSS
app.js app.js

In my app.js file I have set this static folder like: 在我的app.js文件中，我将此静态文件夹设置为：

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

I want to set css and bootstrap files inside the index.html. 我想在index.html中设置css和bootstrap文件。

Here's index.html file: 这是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>

Answer 1

For directory structure : 对于目录结构：

use single dot(.) for current directory 对当前目录使用单点（。）
use double dots(..) jump out the current directory 使用双点（..）跳出当前目录

Now coming to your question to set path of your css and bootstrap files use in index.html : 现在要问您的问题来设置在index.html中使用的css和bootstrap文件的路径：

<!-- 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中的资产文件夹内设置文件

问题描述

1 个解决方案

解决方案1
1 2017-12-22 07:38:10

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

问题描述

1 个解决方案

解决方案1 1 2017-12-22 07:38:10

解决方案1
1 2017-12-22 07:38:10