import .md file to render vue template

[Navyroot]

I base on meteor + vue . I try to import .md file to render vue template

<template>
  <div>
       <vue-markdown :source="fileContent" />
  </div>
</template>
<script>
import VueMarkdown from 'vue-markdown'
import mdFile from './README.md'
export default {
  name: 'VueMarkdown',
  components: { VueMarkdown },
  data() {
    return {
      fileContent: '',
    }
  },
  mounted() {
    this.getMDFile()
  },
  methods: {
    getMDFile() {
      this.fileContent = mdFile
    },
  },
}
</script>

But it get error :

 [Vue warn]: Failed to resolve async component: function () {
    return module.dynamicImport('./Vue-Markdown.vue');
  }
Reason: Error: Cannot find module './README.md'

[zhoocoo]

just use raw-loader and config like this:

rules: [
        {
          test: /\.md$/i,
          loader: 'raw-loader',
        },
      ]