用于“react-markdown”npm库的.md文件导入的Webpack加载器？

Question

当我导入一个.md文件时，它给了我一个错误，说它无法读取这个特定.md file syntax的，我知道需要某种加载器来解析导入，但是当我在网上查看时，有一个加载器叫做'markdown-loader'它只用于markednpm 包。

我正在使用react-markdown包来读取 md 文件

/* eslint-disable react/prefer-stateless-function */

import React, { Component } from 'react';

import ReactMarkdown from 'react-markdown';

import AppMarkdown from './posts/sample.md';

// import PropTypes from 'prop-types';

class CardDetails extends Component {

  constructor() {

    super();

    this.state = { markdown: '' };

  }

  componentDidMount() {

    // Get the contents from the Markdown file and put them in the React state, so we can reference it in render() below.

     fetch(AppMarkdown)

      .then(res => res.text())

      .then(text => this.setState({ markdown: text }));

  }

  render() {

    const { markdown } = this.state;

    return <ReactMarkdown source={markdown} />;

  }

}

CardDetails.propTypes = {};

export default CardDetails;

这是我的降价内容sample.md

# React & Markdown App

- Benefits of using React... but...

- Write layout in Markdown!

我找不到包，我到处找，你知道装载机吗？谢谢

Answer 1

尝试使用原始加载器：module.exports = {&nbsp; module: {&nbsp; &nbsp; rules: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; test: /\.md$/,&nbsp; &nbsp; &nbsp; &nbsp; use: 'raw-loader'&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ]&nbsp; }}