javascript - 如何使用 javascript/angular.js 设置配置文件

标签 javascript jquery html angularjs

我需要一个帮助。我想设置配置文件,该文件将保留所有 javascript 文件路径,并且在索引页面中它将动态调用并包含使用 angular.js 或 Javascript。我在下面解释我的文件。

index.html:

<!DOCTYPE html>
<html lang="en" ng-app="Channabasavashwara">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>...:::WELCOME TO Channabasavashwara Institude of Technology:::...</title>
<link href="css/pace.css" rel="stylesheet">
<script src="js/pace.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/angularjs.js" type="text/javascript"></script>
<!--<script src="js/angularroute.js" type="text/javascript"></script>-->
<script src="js/angularuirouter.js" type="text/javascript"></script>
<script src="controller/loginRoute.js" type="text/javascript"></script>
<!-- GLOBAL STYLES - Include these on every page. -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel="stylesheet" type="text/css">
<link href="icons/font-awesome/css/font-awesome.min.css" rel="stylesheet">

<!-- PAGE LEVEL PLUGIN STYLES -->
<!-- THEME STYLES - Include these on every page. -->
<link rel="stylesheet" type="text/css" media="all" href="css/angular-datepicker.css" />
<link href="css/style22.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/plugins.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<link href="css/load.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>

</head>

<body>
<div  ui-view>

</div>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.slimscroll.min.js"></script>
<script src="js/jquery.popupoverlay.js"></script>
<script src="js/shortcut.js"></script>
<script src="js/defaults.js"></script>
<script src="js/logout.js"></script>
</body>
</html>

正如你在这里看到的,我有很多 javascript 和 css 文件链接。在这里,我需要在任何其他文件中设置路径,将它们调用到此 index.html 并将包括使用 Loop.Please帮助我。

最佳答案

您可以使用gulp做您想做的事或grunt 。如果您还没有使用其中之一,我建议您看一下。

针对您的具体情况,您可以使用多种工具。例如,对于 gulp,您可以使用此 gulp-inject .

关于javascript - 如何使用 javascript/angular.js 设置配置文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33346456/

相关文章:

html - Bootstrap-Heading in 移动设备宽度

javascript - Angular.js 范围变量未定义,ng-repeat 初始状态

jquery - 获取 jQuery mobile 中选项按钮的值

javascript - 无法使用 jquery $.ajax 访问从 php 页面检索的 json 数据

javascript - 是否可以从文件输入多个元素中删除单个值?

javascript - Angular 未检测到我的指令

javascript - 使用 getElemntsByClassName 方法选择 <li> 元素

javascript - MongoDB 触发器文件中的代码是 Producing a Customer.findOne() is not a function 错误

javascript - AngularJS - 如何通过 Handlebars 三元运算添加 HTML 元素?

javascript - react native onChange 事件的名称类型值未定义