javascript - 如何在 index.html 的 assets 文件夹中设置文件-6ren

javascript - 如何在 index.html 的 assets 文件夹中设置文件

转载作者：太空宇宙更新时间：2023-11-04 07:48:47

26

4

我有一个像下面这样的文件夹结构

Angular 源
- 来源
  - index.html
自举
CSS
应用程序.js

在我的 app.js 文件中，我将这个静态文件夹设置为:

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

我想在 index.html 中设置 css 和 bootstrap 文件。

这是 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 文件的路径:

<!-- 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">

关于javascript - 如何在 index.html 的 assets 文件夹中设置文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47937066/

26

4

0

文章推荐： java - 如何使用 Camel 创建和发布 WebService？

文章推荐： c - 如何用 C 中的最高有效位 (MSB) 替换最低有效位 (LSB)

文章推荐： java - 为什么我的 Com4J 界面在迭代期间挂起？

文章推荐： c - 难以理解未签名

asset-pipeline - Rails 4 Assets 管道供应商 Assets 镜像未预编译
我在我的应用程序中使用rails 4 和 ruby 1.9.3 以及fancybox2-rails gem，但是 Assets 管道存在一个普遍问题。如果我运行 rake task 进行预编译，那
symfony - 如何在 Symfony 中使用 assetic 查看 Assets 并自动安装和转储 Assets
我把我所有的 Assets 都放在我的包里例如myBundle/Resources/public/css/ 然后像这样加载它们: {% block stylesheets %} {{ parent()
asset-pipeline - Rails 6中的 Assets 管道中不存在 Assets "application.js"
我正在创建RoR-6应用程序，并从此行的application.html.erb文件中引发以下错误: javascript_include_tag 'application', 'data-turbo
playframework - Assets 已定义为对象 Assets
我正在对 Play Subproject 功能进行更多扩展测试，如下所述:http://www.playframework.com/documentation/2.0/SBTSubProjects .
symfony - Assetic 和我的 Assets
我是 symfony 2 和 Assetic 的新手。我想在 CSS 中使用 assetic 和 Sass。我使用自定义字体。我在资源下的包中创建文件夹“assets/css”，里面有 _base.s
php - assetic - 无法写入 Assets
这是我的目录结构(这只是一个测试项目): stan@mypc:/generate_assets$ sudo tree -L 3 -p . ├── [drwxr-xr-x] assets │ └─
assets - TypeScript Assets 管理器
我使用 node.js connect/express。有人知道支持 TypeScript 源代码即时编译和缩小的 Assets 管理器吗？知道如何以编程方式调用编译器吗？我一直在使用 conn
ruby-on-rails - Rails 4 Assets 管道不会使用对其他 Assets 的 asset_path 引用覆盖 Assets
因此，我们在 Assets 管道摘要方面遇到了一个小问题，因为我们有许多 HTML 模板作为 Assets (对于 AngularJS)，并且我们使用 asset_path 在 Javascript
ios - 图片库图片网址“assets-library://asset/asset.JPG？id = 1000000007＆ext = JPG”为零
我想从iPad的照片库中获取图像URL。当我尝试从Image Piicker的信息中获取 UIImagePickerControllerReferenceURL 时我将URL设为: assets
symfony - Symfony 2 Assets fatal error :在 Assets 转储中找不到类 'Assetic\Util\PathUtils'
我正在使用带有Assetic的Symfony 2.1.10版，并且在上次 Composer 更新之后，当我尝试运行php app/console assetic:dump时出现以下错误 Dumping
ruby-on-rails - Rails 3.1.1 - Asset Pipeline - asset.prefix 不能与资源 :assets 一起使用
我的 Assets 管道有问题，我已经有一个名为 Assets 的资源/ Controller 。所以我已将 assets.prefix 选项更改为“/externals”。 config.asset
javascript - Asset.fromModule 不是函数。 (在 'Asset.fromModule(image)' 中， 'Asset.fromModule' 未定义)
更新到 Expo sdk 34 后，出现此错误:TypeError:Asset.fromModule 不是函数。 (在“Asset.fromModule(image)”中，“Asset.fromMod
playframework - Assets Controller 编译错误[值 Assets 不是对象 Controller 的成员. Assets ] Play 2.3.8
将 Play 框架项目从 2.2.4 迁移到 2.3.8 后遇到问题: 这是运行命令“activatorcompile”的错误输出: [error] ...\workspace\testproject
ruby-on-rails - Rails Assets 管道 : Can it be good practice to include asset in public folder instead of asset folder?
我在将 Google Analytics 添加到我的 Rails 4 应用程序时遇到了一些困难(参见 this post)。我通过在 /public/assets/google-analytics.
css - Assets 转储后将 Assets 恢复为动态模式
我正在使用 Symfony2 和 Assetic。最近我一直在做很多 CSS 工作，所以在某个时候我需要命令 $ php app/console assetic:dump --env=prod --n
android-assets - 什么是 Android Assets ？
我正在 Android 开发中迈出第一步，并遇到了 Assets 一词。据我了解， Assets 只是一个未被解析或引用为资源的文件。这个词有更准确的定义吗？我应该在哪些情况下在我的应用程序中使用
javascript - Assets 管道未从rails-assets gem加载脚本
我添加了 danial-farid--angular-file-upload通过 Rails Assets 将库添加到我的 Rails 4 应用程序。主库加载正常，但 sprockets 找不到它包含
java - 有没有一种有效的方法来检查子目录并通过Android Assets 文件夹中的相对路径加载 Assets ？
这是我的代码，尽管编码非常粗糙: public void loadStack(AssetManager manager, String path) { String[] lis
symfony - Assetic - 如何禁用 Assets 组合？
我正在使用 Assets 管理我的 Symfony 2 框架中的 CSS 文件。它在生产模式下运行良好。我的问题是在 Debug模式下，assetic 不断将我的文件合并为一个输出文件。这使得跟踪特
ios - 如何在不从照片应用程序中删除 Assets /照片的情况下从相册中删除 Assets ？
我想以编程方式从重复的相册中删除 Assets (照片不是)。我可以使用照片框架删除相册我想知道如何从相册中删除 Assets 而不从照片应用中完全删除它。我想在多个地方使用它，例如将 Assets

首页

博学

6Ren·AI

商城

javascript - 如何在 index.html 的 assets 文件夹中设置文件