vue.config.js配置webpack使用markdown-loader

可以按照以下步骤配置`vue.config.js`来使用`markdown-loader`：

1. 首先，安装`markdown-loader`和`html-webpack-plugin`，可以使用以下命令进行安装：

   npm install markdown-loader html-webpack-plugin --save-dev

2. 在`vue.config.js`中添加以下代码：

   const HtmlWebpackPlugin = require('html-webpack-plugin');
   
   module.exports = {
     configureWebpack: {
       module: {
         rules: [
           {
             test: /\.md$/,
             use: [
               {
                 loader: 'html-loader'
               },
               {
                 loader: 'markdown-loader',
                 options: {
                   /* markdown-loader options */
                 }
               }
             ]
           }
         ]
       },
       plugins: [
         new HtmlWebpackPlugin({
           template: 'public/index.html',
           filename: 'index.html',
           inject: true
         })
       ]
     }
   }

3. 现在，您可以在Vue组件中使用`.md`文件，并且Webpack将使用`markdown-loader`来将其转换为HTML。例如：

   <template>
     <div v-html="markdown"></div>
   </template>
   
   <script>
   import markdown from './README.md';
   
   export default {
     data() {
       return {
         markdown
       }
     }
   }
   </script>

在上面的代码中，我们将`README.md`文件导入为Vue组件的数据，并将其绑定到`<div>`元素的`v-html`属性上，以便在页面上呈现Markdown内容。

以上就是使用`markdown-loader`的步骤，希望能对你有所帮助！