我在我的项目中编写了一个小的Vue包供内部使用。它包含一些插件(.js扩展名),其中包含内部为<template>
的Vue单文件组件(.vue扩展名)。
如此完整的方案如下:
我当前项目的组件&lt; - 我的包中没有捆绑的Vue插件在node_modules中&lt; - 没有捆绑我的包中的Vue组件
使用webpack启动Vue SSR后,我看到了这个错误:
/node_modules/my-package/src/components/image.component.vue:1
<template lang="pug">
^
SyntaxError: Unexpected token
我的Webpack规则(基于https://github.com/fenivana/vue-ssr-boilerplate): :
{
test: /\.vue$/,
use: [
{
loader: 'vue-loader',
options: {
postcss: [require('autoprefixer')()],
loaders: {
'scss': 'vue-style-loader!css-loader!sass-loader',
'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
}
}
}
]
},
{
test: /\.js$/,
use: 'babel-loader'
},
我不知道如何处理它。怎么了? JS loader或Vue loader?