как ввести JavaScript в заголовок и тело, используя глоток - PullRequest
Новая
       24

как ввести JavaScript в заголовок и тело, используя глоток

0 голосов
/ 06 мая 2018

Я хочу добавить библиотеку javascript в тег head и свой собственный и свой собственный код в теле, используя GULP.

Например: 

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

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

1 Ответ

0 голосов
/ 07 мая 2018

Я использовал gulp-template , чтобы сделать именно это. Ваш index.html должен быть скорректирован. e.g.:

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

В этом примере ваша задача gulpfile будет выглядеть примерно так: 

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

Еще один способ добиться этого - использовать gulp-inject . Хотя я предпочитаю gulp-template.

...