如何从node_modules加载未捆绑的* .vue文件?

时间:2017-10-24 08:20:18

标签: webpack vue.js vuejs2 loader node-modules

我在我的项目中编写了一个小的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?

0 个答案:

没有答案
相关问题