Блог

Главная - Вопросы по программированию - Как я могу импортировать HTML-файл с помощью webpack?

Как я могу импортировать HTML-файл с помощью webpack?

#javascript #webpack

#javascript #webpack

Вопрос:

Я пытаюсь импортировать HTML-файл и использовать его в качестве шаблона для элемента пользовательского интерфейса, но, по-видимому, я не могу правильно настроить webpack, чтобы он мог его прочитать.

На данный момент у меня ошибка:

 
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently, no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|
|     <section id='hero'>
 @ ./src/js/components/landing/landing-component.js 5:0-59
 @ ./src/index.js

Конфигурация Webpack

 rules: [
            {
                test: /.html$/i,
                loader: 'html-loader',
                options: {
                    minimize: true,
                    removeComments: true,
                }
            },
]

Способ, которым я пытаюсь его импортировать

 import LandingTemplate from './landing-template.html'

Комментарии:

1. Загрузчик HTML — webpack.js.org/loaders/html-loader

2. Да, я знаю. На самом деле я использую его прямо сейчас, но, похоже, он не обрабатывает мой файл. Ошибка, которую вы можете видеть выше

Ответ №1:

Я удалил свои node_modules и npm install установил все обратно, и это помогло