Vuejs2 依赖项包含.vue文件时出现vue styleguidist错误

Vuejs2 依赖项包含.vue文件时出现vue styleguidist错误,vuejs2,vue-component,Vuejs2,Vue Component,我正在使用vue styleguidist为VueJS组件生成文档 这通常工作正常,但在这种情况下,我得到一个错误: ./node_modules/vue-awesome/components/Icon.vue Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. <template> <svg version="1

我正在使用
vue styleguidist
为VueJS组件生成文档

这通常工作正常,但在这种情况下,我得到一个错误:

./node_modules/vue-awesome/components/Icon.vue
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
 <template>
   <svg version="1.1"
     :class="klass"

Learn how to add webpack loaders to your style guide:
https://github.com/vue-styleguidist/vue-styleguidist/blob/master/docs/Webpack.md

其他.vue文件已正确加载,但未正确加载Icon.vue。

问题在于,vue网页包加载程序提供的默认网页包加载规则明确排除了mode_modules目录,但npm模块包含该vue文件Icon.vue

{
    test: /\.vue$/,
    exclude: /node_modules/,
    loader: 'vue-loader',
    options: vueLoaderConfig
},
解决方案是在默认规则中添加一个额外的规则,以便在node_模块下专门加载该文件

const loaders = require('vue-webpack-loaders');

var vueLoaderConfig = require('vue-webpack-loaders/lib/vue-loader.conf')
loaders.push({
  test: /vue-awesome\/components\/Icon\.vue$/,   <-- path to .vue file
  loader: 'vue-loader',
  options: vueLoaderConfig
})
const loaders=require('vue-webpack-loaders');
var vueLoaderConfig=require('vue-webpack-loaders/lib/vue-loader.conf')
装载机推送({
测试:/vue awesome\/组件\/图标\.vue$/,
const loaders = require('vue-webpack-loaders');

var vueLoaderConfig = require('vue-webpack-loaders/lib/vue-loader.conf')
loaders.push({
  test: /vue-awesome\/components\/Icon\.vue$/,   <-- path to .vue file
  loader: 'vue-loader',
  options: vueLoaderConfig
})