我需要将index.html公开复制到公共路径中定义的特定文件夹中，但这并不像我预期的那样工作。

我也不希望 cli 在 html 文件中包含标头和脚本引用。

我的 index html 输出应该只包含：<div id='app'></div>加上我们的 CMS 系统所需的一些特定 html 标签。

为此，我使用：

但是我的index.html没有被复制到我的输出路径中。

如果我删除.delete('html')，index.html将正常复制，但带有标题和脚本引用。

我对 Vue Cli 3 也有同样的想法，这曾经可以工作。我错过了什么？

vue upgrade typescript我刚刚使用 vue-cli命令升级到 typescript 。命令成功退出。

但是，现在，以前在 javascript 中工作的相对导入不再能够解决。

我有以下 Home 组件，它导入另一个组件：

导航栏组件：

在import Navbar from "./Navbar" statementhome 组件中给了我以下错误：Cannot find module './Navbar'.Vetur(2307)

我怀疑它与 tsconfig 配置有关。它是作为自动打字稿升级的一部分自动生成的：

简介：我用 vue-cli ~4.2.0 生成了两个项目：

• 父应用程序- 主项目
• dummylib - 由父应用程序导入的库。里面有一堆 .vue 组件。我想在这里使用 vuetify

我使用的库组件示例<v-btn>：

问题：<v-btn>渲染，但每次点击我都会在控制台中收到错误：

• [Vue warn]: $attrs is readonly.
• [Vue warn]: $listeners is readonly.

库的vue.config.js：

问题：在我的vue-cli 4应用程序中，我想要build:生成生产包的脚本，.vue-components在某些情况下不包含特定的脚本。在其他情况下，它们应该被包括在内。此外，这些组件存储在应用程序本身 - 而不是外部库中。

我试过：动态导入.vue-components- 假设我有一个数组：

和空对象：

所以我试着做这样的事情：

更改customPreset为其他数组将允许导入另一组组件...

但这不起作用，因为import()不能用表达式操作。

那么，.vue-components在各种情况下如何将各种内容包含到生产包中呢？也许它可以通过调整来实现vue.config.js？

我在由 Vue CLI 4 提供支持的 VueJS 应用程序中创建了两个插件，但是当我尝试在我的页面中使用它时，只有一个可以工作

axios.vue

身份验证.vue

main.js

指令.vue

记笔记

• 上面的输出将仅为“Dean Armada”并且console.log(this.$name)未定义
• 但是，如果我注释掉了Vue.use(axios)将console.log(this.$name)起作用，那么输出将是“Chris Guinto”，而另一个是未定义的，因为axios插件没有被激活

那么如何让它们同时工作呢？

vue 有这个选项publicPath，它允许将应用程序部署在子路径上：foobar.com/my-path，使链接和每个资产都可以通过它访问。

从性能的角度来看，我想在我的应用程序资产上启用 CDN。如何将 URL 专门用于资产（而不是超链接）？

示例： ./my-path/assets/app.js应该成为https://my-staging-cdn.com/my-path/assets/app.js
./my-path/url-2.html应该保持不变

下面的配置允许我设置路径和资产目录，但无法弄清楚如何为资产设置 cdn URL

不能做: publicPath: process.env.NODE_ENV === 'production' ? 'https://my-staging-cdn.com/my-path' : '/my-path/'，因为它也会更改应用程序链接中的 URL。

我是一名网络开发人员，不懂安卓编程。

当我决定用 vue cli 4 为移动设备创建的单页应用程序午餐时，我的问题就出现了

实际上我使用这个存储库为它构建了一个 webview：

https://github.com/slymax/webview

但我不知道为什么它显示空白页？（我只知道我的 webview 可以渲染 DOM，但不能渲染我的应用程序的虚拟 DOM。因为我尝试使用任何浏览器运行我的应用程序并且它工作但在 webview 中我看不到我的结果）

无论如何...我的问题在哪里？如果您需要在我的 vue cli 目录中检查一些配置文件，例如 vue.config.js 或类似的东西，请告诉我。

环境

• Windows 10 wsl -> Ubuntu 18.04.4 LTS
• 节点 v8.10.0
• npm v6.14.4
• Vue CLI v4.3.1

场景

当我用于vue create my-project创建新项目时，我选择以下选项：

但是，无论我多么努力，它都停在这里：

虽然我显然不是 webpack 专家，但我通常会弄清楚/找出我需要修改什么才能实现我需要的东西。然而，我在这个问题上输了一天多，尽管它看起来很简单：

我想index.html在构建之后通过从文件夹中复制它来添加一个构建。

我尝试将此添加configureWebpack到vue.config.js：

（文件deploy夹中唯一的文件是这个index.html）。

我还尝试了各种版本的chainWebpack，主要是从 github 讨论中挑选出来的，试图利用插件html，例如move-index和copy. 但是，我在 github 上找到的大部分内容都为我破坏了构建。

甚至没有简单的尝试，我只是尝试点击和控制台似乎不起作用：

输出：

到目前为止我发现了什么：

• CopyPlugin 要么不起作用，要么有例外.html文件有异常。
• 至少有两个插件：（move-index& html）可能会干扰我的副本。我还没有弄清楚如何将我的更改推到队列的后面。

我也尝试使用 atest.html并且我还尝试在我的文件上放置一个不同的扩展名.txt并在复制它时覆盖它，回到.html. 大多数时候我都会遇到错误。

是否有一种相对直接的方法可以进入vue-cli-serve'build命令并简单地将 an 复制index.html到文件夹中？

我正在使用的构建命令是：

请注意，这是一个--target lib构建，它不会将 an 输出index.html到dist文件夹中，而是将demo.html. 所以我建议测试任何解决方案--target lib构建测试任何解决方案，因为它显然具有与正常构建不同的输出。

这是输出vue inspect：https
://jsfiddle.net/websiter/rkh5ecvd/embedded/js/dark/#JavaScript 这是我的当前内容vue.config.js：https ://jsfiddle.net/websiter/fou3y4zc/embedded/js/dark /#JavaScript，尝试解决/窥视上述问题的地方configWebpack。chainWebpack

我正在使用@vue/cli 4.2.3和vue 2.6.11webpack 4.42.1

我正在使用vuejs&创建一个网络扩展程序vue-cli。我添加了要使用vue-clis internal webpackst 处理的内容脚本：

编译工作。我得到了contentScript.js一个 webpack 捆绑的文件。但是，当我尝试使用以下方法加载此文件时：

什么都没发生。事实上，即使contentScript.js只有 contains console.log('test')，它似乎也没有像webpack我想象的那样得到处理，因为在浏览器控制台中执行脚本不会产生任何结果。

我在这里监督什么？从vue inspect我可以看到以下webpack规则js：