Javascript 如何从一个html文件加载所有CSS和JS?
我的申请结构如下: 在Javascript 如何从一个html文件加载所有CSS和JS?,javascript,html,css,Javascript,Html,Css,我的申请结构如下: 在webapp/assets/css和webapp/assets/js上,我分别拥有css和JavaScript文件 在WEB-APP/html/include/imports.html上,我有以下链接和脚本定义: <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon" /> <link href="assets/css/bootstrap.min.css"
webapp/assets/css
和webapp/assets/js
上,我分别拥有css和JavaScript文件
在WEB-APP/html/include/imports.html上,我有以下链接和脚本定义:
<link rel="shortcut icon" href="assets/img/favicon.png"
type="image/x-icon" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link id="bootstrap-rtl-link" href="" rel="stylesheet" />
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<link
href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300"
rel="stylesheet" type="text/css" />
<link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" />
<link href="assets/css/demo.min.css" rel="stylesheet" />
<link href="assets/css/animate.min.css" rel="stylesheet" />
<link id="skin-link" href="" rel="stylesheet" type="text/css" />
<script src="assets/js/skins.min.js" ></script>
<script src="assets/js/jquery-2.0.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slimscroll/jquery.slimscroll.min.js"></script>
<!--Beyond Scripts -->
<script src="assets/js/beyond.js"></script>
我不想把所有这些信息都放在我开发的每个页面上,而是想使用类似的东西(这来自login.html):
我正在尝试不同的相对路径,但这不起作用,无论是在上面的一行还是在“查找”CSS和JS文件的文件上。这不是应该起作用吗
我怎样才能在一行中,通过与该文件的正确相对路径,将所有CSS和JS包含到我的页面中?我想您正在寻找一些任务运行程序,例如gulp.JS
我总是使用它将所有脚本缩小到一个文件中,将所有样式缩小到一个文件中,它还可以帮助完成许多其他任务
您可以通过以下方式尝试在项目中安装:
npm install gulp --sav-dev
然后你可以用
gulp.src('js/*.js') // Matches all js files in js directory
.pipe(minify()) // minify files
.pipe(gulp.dest('build')); // load them all in build file
<> P>更多的信息和任务,你可以用GUP看他们的你可以考虑使用AMD或普通的JS加载器,比如@ ZAMBONY,是JS的JavaJS,还是它处理CSS?它可以工作,你以前使用过Reavjs吗?
gulp.src('js/*.js') // Matches all js files in js directory
.pipe(minify()) // minify files
.pipe(gulp.dest('build')); // load them all in build file