Любой способ связать только определенные включения при использовании grunt-includes и browserify? - PullRequest
Новая
       48

Любой способ связать только определенные включения при использовании grunt-includes и browserify?

0 голосов
/ 05 марта 2020

Таким образом, у меня есть файл, который заменяет html AND. js include.

Все. js включений сначала передаются с использованием browserify / babelify / minifyify, из файлов .es6 , затем grunt include заменяет любые включения в шаблонах, используя grunt-includes. 

browserify: {
        tmp: {
            files: [{
                expand: true,
                cwd: 'app',
                src: ['**/*.es6'],
                dest: '.tmp',
                ext: '.js'
            }],
            options: {
                browserifyOptions: { debug: false },
                watch: true,
                transform: [['babelify', {'presets': ['@babel/preset-env'] }]],
                plugin: [
                    ["minifyify", { map: false }]
                ]
            }
        }
    },

и вызов include: 

includes: {
    files: {
        src: ['<%= config.tmp %>/*.html'], // Source files
        dest: '<%= config.tmp %>', // Destination directory
        flatten: true,
        cwd: '.',
        options: {
            includeRegexp: /\{\{\s*?include\s*?"(\S+)"\s*?\}\}/,
        },
    },
},

Шаблонные включения помещаются в документ Готовая функция : 

<script>
jQuery(document).ready(function(){

    // ----- Mobile Menu choice ----- //
    {{include "includes/js/mobile-menus/drawer/1.html"}}

    // ----- Section 1 ----- //
    {{include "includes/js/news-patterns/rotators/1.js"}}


    // ----- Section 2 ----- //
    {{include "includes/js/news-patterns/rotators/2.js"}}

    // ----- Section 3 ----- //


    // ----- Section 4 ----- //
    {{include "includes/js/events-patterns/events/3.html"}}

    // ----- Section 5 ----- //
    {{include "includes/js/news-patterns/tabs/3.html"}}

    // ----- Extras ----- //


})
</script>

Итак, я хочу связать все файлы. js в функции готовности документа и вывести только один включаемый файл * .2323 * для них, вместо каждого. js файл, имеющий свой собственный include ...

Я не уверен, что смогу сделать это в browserify, потому что он переносит ВСЕ файлы es6 и связывает их все, даже те, которые шаблон не содержит с помощью. Поэтому я думаю, что должен попытаться сделать это в разделе включений, где он на самом деле собирает и заменяет то, что на самом деле используется шаблоном ...

Я нахожусь в процессе преобразования всех. html файлов (которые просто ванильные js) в документе готовы в es6, поэтому я просто хотел бы объединить все шаблоны. js включают только файлы. У меня есть другие. html, включенные в шаблон, которые на самом деле. html (кстати - я не создал здесь соглашения об именах - это как раз то, что попало мне на колени).

Любая помощь будет быть высоко ценится! ТИА!

...