在编译单个文件的Vue.js组件时，默认的输出文件名是"app.js"。如果想要修改输出文件的名称，可以通过配置webpack的output选项来实现。

以下是一个简单的解决方法示例：

1. 在项目根目录下创建一个名为"webpack.config.js"的文件。
2. 在"webpack.config.js"文件中添加以下代码：

const path = require('path');

module.exports = {
  entry: './src/main.js', // 入口文件
  output: {
    filename: 'my-component.js', // 输出文件的名称
    path: path.resolve(__dirname, 'dist') // 输出文件的路径
  },
  module: {
    rules: [
      {
        test: /\.vue$/, // 匹配.vue文件
        loader: 'vue-loader'
      }
    ]
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    },
    extensions: ['*', '.js', '.vue', '.json']
  }
};

3. 在命令行中运行以下命令来编译Vue组件：

webpack --config webpack.config.js

这样就会将"src/main.js"文件中的Vue组件编译为"my-component.js"文件，并输出到"dist"目录下。

请注意，上述示例中的webpack配置仅适用于编译Vue组件的基本设置。如果你的项目中还有其他的配置需求，可以根据实际情况进行修改。