Ответы пользователя по тегу Webpack
  • Как настроить вывод скрипта в определенном месте при помощи Webpackе?

    GlazOtca
    @GlazOtca
    Не в бровь, а в глаз!
    Если вы хотите, чтобы вебпак выводил подключаемый бандл со скриптами не в конец документа, а в определенное место, то нужно:
    1 вырубить автоподключение в HTMLWebpackPlugin (inject: false). В моем примере было так:
    plugins: [
            new HTMLWebpackPlugin({
                templateParameters: {
                    'foo': 'bar'
                },
                template: './index.html',
                inject: false,
                meta: {
                    charset: { charset: 'utf-8' },
                    viewport: 'width=device-width, initial-scale=1'
                },
                minify: {
                    removeComments: isProd,
                    collapseWhitespace: isProd
                }
            }),
    ]

    2. в том месте шаблона страницы где хотите подключить бандл вставьте это:
    <%= htmlWebpackPlugin.tags.bodyTags %>
    Ну и если подключаете к странице скрипты с импортами не забывайте указывать
    <script type="module">
    Ответ написан
    Комментировать