Neato Polyester Material

    @huiji/vue-markdown-loader
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.3 • Public • Published

    vue-markdown-loader

    A webpack loader for loading markdown files as Vue Single-File Components, based on MarkdownIt

    Features

    • supports all <script> and <style> types of Vue Single-File Components
    • auto convert internal links to Vue <router-link>
    • customize MarkdownIt options and additional plugins
    • insert anchor to headings (base on markdown-it-anchor)
    • custom container (base on markdown-it-container) TODO
    • front matter TODO
    • highlighting TODO

    Usage

    npm i -D @void/vue-markdown-loader
    
    # or use yarn
    yarn add -D @void/vue-markdown-loader

    webpack

    // webpack.config.js
    const VueLoaderPlugin = require('vue-loader/lib/plugin');
    
    module.exports = {
      resolve: {
        extensions: ['.js', '.jsx', '.vue', '.json', '.md'],
      },
      module: {
        rules: [
          {
            test: /\.md$/,
            use: [
              {
                loader: 'vue-loader',
              },
              {
                loader: '@void/vue-markdown-loader',
              },
            ],
          },
        ],
      },
      plugins: [new VueLoaderPlugin()],
    };

    vue-cli 3.0

    // vue.config.js
    module.exports = {
      chainWebpack: config => {
        config.resolve.extensions.merge(['.md']);
    
        config.module
          .rule('md')
          .test(/\.md$/)
          .use('vue-loader')
          .loader('vue-loader')
          .end()
          .use('@void/vue-markdown-loader')
          .loader('@void/vue-markdown-loader')
          .end();
      },
    };

    Install

    npm i @huiji/vue-markdown-loader

    DownloadsWeekly Downloads

    1

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    130 kB

    Total Files

    47

    Last publish

    Collaborators

    • duduluu
    • huijife-bot
    • reasno