Javascript gulp usemin不输出js文件_Javascript_Node.js_Gulp_Gulp Uglify_Gulp Usemin

Javascript gulp usemin不输出js文件

javascript node.js gulp

Javascript gulp usemin不输出js文件,javascript,node.js,gulp,gulp-uglify,gulp-usemin,Javascript,Node.js,Gulp,Gulp Uglify,Gulp Usemin,我正在尝试使用gulpusemin捆绑我的CSS和javascript文件进行生产gulp usemin在我的CSS文件上运行良好，但没有输出任何与我的javascript文件相关的内容。有人能指出我做错了什么吗我遇到了类似的问题，但建议的解决方案不起作用作为参考，我的节点版本为v0.12.1，我的gulp版本如下： "devDependencies": { "gulp": "^3.9.1", "gulp-minify-css": "^1.2.4", "gulp-rev": "^

我正在尝试使用

gulpusemin

捆绑我的

CSS

和

javascript

文件进行生产

gulp usemin

在我的

CSS

文件上运行良好，但没有输出任何与我的

javascript

文件相关的内容。有人能指出我做错了什么吗

我遇到了类似的问题，但建议的解决方案不起作用

作为参考，我的

节点

版本为

v0.12.1

，我的

gulp

版本如下：

"devDependencies": {
  "gulp": "^3.9.1",
  "gulp-minify-css": "^1.2.4",
  "gulp-rev": "^7.1.2",
  "gulp-uglify": "^2.0.0",
  "gulp-usemin": "^0.3.24"
}

index.html

<html>
<head>
  <meta charset="utf-8">

  <!-- build:css css/site.css -->
  <link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="all" />
  <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css" type="text/css" media="all" />
  <!-- endbuild -->

  <!-- build:js js/site.js -->
  <script type="text/javascript" src='bower_components/gsap/src/minified/TweenMax.min.js'> </script>
  <script type="text/javascript" src='bower_components/d3/d3.js'> </script>
  <script type="text/javascript" src='bower_components/d3-tip/index.js'> </script>
  <script type="text/javascript" src='bower_components/moment/moment.js'> </script>
  <script type="text/javascript" src='chart.js'> </script>
  <!-- endbuild -->

</head>
<body>

</body>
</html>

运行

gulp build

后，生成一个

dist

目录，如下所示

dist/
  css/
    site.css
  index.html

我生成的index.html是

<html>
<head>
  <meta charset="utf-8">

  <link rel="stylesheet" href="css/site.css" media="all"/>

</head>
<body>

</body>
</html>

有什么明显的东西我遗漏了吗？为什么

css

块会工作，而

js

块会自动失败？

使用的

gulp usemin

不允许在开始

和结束

标记之间有任何空格。它也不允许

type=“text/javascript”

属性

有关匹配和不匹配的示例，请参见

因此：

<!-- build:js js/site.js -->
<script type="text/javascript" src='bower_components/gsap/src/minified/TweenMax.min.js'> </script>
<script type="text/javascript" src='bower_components/d3/d3.js'> </script>
<script type="text/javascript" src='bower_components/d3-tip/index.js'> </script>
<script type="text/javascript" src='bower_components/moment/moment.js'> </script>
<script type="text/javascript" src='chart.js'> </script>
<!-- endbuild -->

应该是这样的：

<!-- build:js js/site.js -->
<script src='bower_components/gsap/src/minified/TweenMax.min.js'></script>
<script src='bower_components/d3/d3.js'></script>
<script src='bower_components/d3-tip/index.js'></script>
<script src='bower_components/moment/moment.js'></script>
<script src='chart.js'></script>
<!-- endbuild -->

谢谢您的快速回复，但我仍然遇到同样的问题。我已经调整了

index.html

，并验证了每个脚本标记现在都与给定的正则表达式匹配。有没有办法启用警告或错误日志记录？我已经在我更正的HTML上尝试了你的

build

任务，效果很好。因此，您可能没有正确调整

index.html

，或者您的设置中有一些地方没有提到。至于日志记录，只需在中添加一个

console.log（第[5]节）

。这将告诉您正则表达式是否匹配。在删除每个脚本标记并逐个添加它们的过程中，

usemin

由于未知原因再次开始工作。可能存在无法打印的字符/奇怪的格式问题？无论如何，谢谢你的帮助。

<!-- build:js js/site.js -->
<script src='bower_components/gsap/src/minified/TweenMax.min.js'></script>
<script src='bower_components/d3/d3.js'></script>
<script src='bower_components/d3-tip/index.js'></script>
<script src='bower_components/moment/moment.js'></script>
<script src='chart.js'></script>
<!-- endbuild -->