Javascript Vue.js-使用gulp编译.Vue文件

我有一个Vue组件。该组件非常基本，如下所示：

<script type="text/javascript" src="/components/my-component.min.js"></script>

<my-component message="hello"></my-component>

我的组件.vue

<template>
  <div class="foo">
  </div>
</template>

<script>
  export default {
    data() {
      return {};
    },

    props: {
      message: {
        type: String,
        default: ''
      }
    },

    methods: {
      display: function() {
        alert(this.message);
      }
    },
  };
</script>

当我运行build gulp任务时，我收到一条消息，上面说：

网页包流-未提供任何文件；中止编译

令人困惑的是，我有一些成功运行的单元测试。我通过以下命令运行这些测试：

nyc mocha webpack--webpack config./webpack.config.js test--recursive--require test/.setup

---

我做错了什么？如何打包我的组件，以便将其导入其他应用程序？

如果您不想使用任何捆绑包-完整的网页包捆绑包（如果您正在处理一个大项目，请重新考虑此决定）或浏览（请参阅）。。。然后，您可以使用此软件包将单个文件组件编译成单个js文件，使用gulp：

---

我必须提到，我是本模块的作者。

您也可以与我们分享您的网页配置吗？

var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var webpack = require('webpack-stream');

gulp.task('default', ['build']);

gulp.task('build', [], function() {
    return gulp.src('./src/my-component')
        .pipe(webpack(require('./webpack.config.js')))
        .pipe(concat('my-component.min.js'))           
        .pipe(gulp.dest('./deploy'))
    ;
});