Не могу загрузить html из загрузчика webpack в реактив

Я очень новичок в реакции и веб-пакет. Я хочу загрузить html-файл реагировать через использование я использую html-загрузчик и веб-пакет, но получил эту ошибку

Failed to compile.

./src/test_ts.html
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <!DOCTYPE html>
| <html>
| <body>

Это мой конфиг вебпака

var path = require("path");
var webpack = require("webpack");

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

module.exports = {
  entry: "./src/header.js",
  output: {
    path: path.resolve(__dirname, "build"),
    filename: "app.bundle.js"
  },
  module: {
    loaders: [
      {
        test: /\.html$/,
        loader: "html"
      },
      {
        test: /\.js$/,
        loader: "babel-loader",
        query: {
          presets: ["es2015", "react"]
        }
      }
    ]
  },
  stats: {
    colors: true
  },
  devtool: "source-map"
};

и это где я хочу загрузить

import React from "react";
import { Button } from "reactstrap";
var htmlContent = require("./test_ts.html");

class Header extends React.Component {
  render() {
    return <div></div>;
  }
}

export default Header;

Я стараюсь следовать многим учебникам, но не могу решить эту проблему, что я могу сделать не так?

Источник

0 ответов

Добавьте следующее правило в ваш файл webpack.config:

{
  test: /\.(html)$/,
  use: {
    loader: 'html-loader',
    options: {
      attrs: [':data-src']
    }
  }
}

Перед этим установите html-загрузчик с помощью команды: npm i -D html-loader:

Источник
Другие вопросы по тегам