时间戳

首页 > 解决方案 > 编译单个文件 vue.js 组件（*.vue）：名称有问题（默认为 app.js）

vue.js - 编译单个文件 vue.js 组件（*.vue）：名称有问题（默认为 app.js）

问题描述

（npm vue -V => 3.2.1） 我正在尝试将单个文件组件编译为test1.vue文件*.js，以便将其包含在现有项目中。我的目的是获取test1.js文件（在生产模式下获取chunk-vendors.js文件）。我到目前为止所尝试的：

Vue 构建 ./src/test1.js

结果：

Vue 构建

我不希望文件这样，app.js所以我放了：

module.exports = {
  filenameHashing: false,
  chainWebpack: config => {
  config.entryPoints.delete('app')
  delete config.entry.app
  config.entry('test1')
    .add('./src/test1.js')
    .end()
}

}

进入vue.config.js并得到了这个：

在此处输入图像描述

到目前为止，一切都很好！

当我尝试

vue-cli-service build src/test1.js --mode development --name test1

我总是得到app.js。有没有办法test1在开发模式下获得名称？

PS 在文件系统中手动重命名是我知道的（不是很好）解决方案。（我无法vue-cli-service在这篇文章中添加标签，因为它需要 1500 声望。哇！）

标签： vue.jswebpack

解决方案

推荐阅读