如何使用gulp在页眉和正文处注入javascript_Gulp_Task

如何使用gulp在页眉和正文处注入javascript

gulp

如何使用gulp在页眉和正文处注入javascript,gulp,task,Gulp,Task,我想使用GULP将javascript库注入head标记和我的定制代码以及我自己的代码例如： <html> <head>  <script src="jquery.js"> <script src="d3.js">  </head> <body>

我想使用GULP将javascript库注入head标记和我的定制代码以及我自己的代码

例如：

<html>
    <head>
      <!-- injectJS -->
         <script src="jquery.js">
         <script src="d3.js">
      <!-- injected -->
    </head>

    <body>
      <!-- injectJS -->
         <script src="index.js">
      <!-- injected -->
    </body>
</html>

我一直在用它来做这件事。然后必须调整index.html。e、 g:

<% scripts.forEach( function ( file ) { %>
    <script type="text/javascript" src="<%= file %>" inline></script>
<% }); %>

实现这一点的另一种方法是使用。不过我更喜欢gulp模板。

我想你误解了gulp是什么。GULP只是一个任务执行者。它不会直接将html添加到页面中。您可以使用一些插件将GULP配置为将javascript文件组合为head.js和body.js。然后你可以使用这两个文件，而不是将每个依赖项文件都添加到DOM中。你有没有看过gulp inject的例子？@马克，谢谢，现在我已经讲完了

gulp.task('index', () =>
    gulp.src('src/index.html')
        .pipe(template({scripts: ['script.js', 'another-one.js']}))
        .pipe(gulp.dest('dist'))
    );