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
})