我正在使用Grunt运行一个包含3个html页面的Web应用程序-aboutus.html
,index.html
和contactus.html
。
我使用grunt build
命令在另一个文件夹中创建这些文件的副本,并进行了一些与grunt相关的更改,例如“ js”和“ css”缩小。仅在主页index.html
中-js和css引用没有被缩小以引用在运行grunt build
时创建的新js和css文件。
JS和CSS参考:
index.html
这些不会转换。 <!-- Bootstrap CSS -->
<!-- build:css css/main.css-->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">
<link rel="stylesheet" href="css/styles.css">
<!-- endbuild -->
<!-- jQuery first, then Popper.js, then Bootstrap JS. -->
<!-- build:js js/main.js -->
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
<!-- endbuild -->
具有以相同方式指定的相同完全引用。但是在运行aboutus.html
之后,这些行将在新副本中进行如下更改:
grunt build
以下是我的整个<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/main.a92351378a85b6243a24.css">
<!-- jQuery first, then Popper.js, then Bootstrap JS. -->
<script src="js/main.0241dcdce9d2407f69f1.js">
。计划在Grunt的帮助下,将当前文件夹中的所有文件推送到名为“ dist”的文件夹,其中“ dist”是当前文件夹中的文件夹。
Gruntfile.js
请让我知道是否需要从头到尾了解该问题。