Skip to content

关于vue-cli 3.0版本 webpack的配置 #1514

@IainZhuo

Description

@IainZhuo

由于第一次使用3.0版本而且对webpack不是太熟悉,所以出现了一个小问题,希望大佬们能给点意见,或者正确配置的参考。Thanks♪(・ω・)ノ

// vue.config.js 文件配置
configureWebpack: {
    module: {
      rules: [
        {
          test: /\.md$/,
          loader: 'vue-markdown-loader',
        },
      ],
    },
  },

以上配置是在 vue-cli 3.0的配置文件中配置的,但在加载.md文件的时候报错。并显示错误信息如下:

./src/views/docs/Test.md?vue&type=template&id=4541a2ce (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"I://Workspace//library//vue-ysui//node_modules//.cache//vue-loader","cacheIdentifier":"142534a6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-markdown-loader!./src/views/docs/Test.md?vue&type=template&id=4541a2ce)
(Emitted value instead of an instance of Error) 
  Error compiling template:
  module.exports = require("!!vue-loader!../../../node_modules/vue-markdown-loader/lib/markdown-compiler.js?raw!./Test.md?vue&type=template&id=4541a2ce");
  - Component template requires a root element, rather than just text.

如下是vue-cli 2.x版本的配置,是正常能加载解析md文件的。

// webpack.base.conf.js 文件配置
module: {
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.md$/,
        loader: 'vue-markdown-loader',
      },
    ]
  },

https://new-issue.vuejs.org/?repo=vuejs/vue-cli

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions