问题标签 [vue-cli-3]

Why does the VUE UI main.js code generated by CLI/3 differ from the older syntax, what are its parts and how does it work?

Used to be

I also read of a third syntax for using the router without the vuex-router-sync using Vue.extend(... rather than new Vue(

Why do I have to add render now, what is the h function replacing, why was that letter chosen, what is the $mount syntax doing and replacing, why was the $mount syntax chosen?

Also, if this is not a separate topic: Does the new syntax actually do what Vue.extend() does, and if not when do I need to use Vue.extend() instead of new Vue()?

所以 vue-cli 3 会自动将所有指向资产文件的链接注入到 HTML 文件中。preload它还包括具有和prefetch属性的资产。

我想使用我自己的 HTML 模板，并使用preloadandprefetch属性将这些相同的资产插入其中。

我过去通过使用类似这个例子的东西来做到这一点，但它不包括preloadandprefetch属性。

我查看了htmlWebpackPlugin对象内部的所有可用信息，但我没有看到任何可以用来确定资产是否应该使用prefetch或preload与as=script.

我怎样才能做到这一点？显然 vue-cli 3 正在这样做，但我不确定如何。

我创建了一个 vue-cli 项目并打开了 linting，这很棒。但它扩展了 airbnb-base 的规则，然后是 @vue/airbnb，然后是各种 vue 配置，然后是我们的自定义规则。

是否有命令行命令来显示最终的扩展规则或规则？

我试过的： 如果它在vue-cli或@vue/cli-plugin-eslint 的文档中，我会错过它。[eslint]( https://eslint.org/docs/user-guide/command-line-interface上的文档使我看起来应该能够使用eslint --print-config file.jsbut eslint, ' vue-cli-service lint，并且vue lint是未知命令或未找到的命令。

我使用 Vue UI（Vue-CLI 3 附带的那些）构建了我的简单站点，并在 /dist 文件夹中创建了源映射。我将这些源图与生产文件一起部署。当我加载我的网站时，Chrome 表示它无法解析 Devtools 中的源映射。

我在 vue.config.js 中尝试了以下内容：

和

但是 Chrome 仍然抱怨，我看不到我的原始来源。

我在网上找到了一些关于 Webpack 和 Chrome 与 sourcemaps 交互的文章，但我无法确定问题是否已经解决。Vue UI 创建的源图有问题吗？

谢谢。

我使用了 Vue-CLI 3 并告诉它我想使用 vue-router。它在创建的 routes.js 中生成这种类型的 Webpack 导入语句。

我开始创建四个视图。一些视图调用内部的组件。

我在 routes.js 中异步制作了 About、Contact 和 Photos

当我进行构建时，Vue CLI 会创建额外的 JS 和 CSS 块（about.[hash].js 等）。但是，当我加载 Home 路由时，这些其他块是根据 Chrome 的 devtools 加载的，但响应选项卡中也没有任何内容。然后，当我访问 About、Contact 或 Photo 路由时，浏览器会加载这些块，但现在响应选项卡中有一些内容。

异步是否按预期工作？

谢谢。

我正在运行一个 webpack-dev 服务器来开发一个 Vue 应用程序（Vue CLI 3）。我们公司使用类似于 ASP.NET 的自定义模板语言（函数以 <% 前缀开头并以 %> 后缀结束，并且它们在服务器端进行评估），这似乎导致 webpack-dev 服务器出现问题。在下面的示例中，我尝试将specs变量设置为<%json_item_specifications%>：

在上面的示例中，webpack 将使用 eval 函数转义 json 函数并将其作为导出的一部分返回：

领先的 eval 导致页面中断，我不确定 webpack 堆栈的哪一部分导致了这种情况。我正在使用 vue-cli 3 附带的打包 webpack，而且我知道它在后台使用 Babel。

我相信来自 webpack 的 Babel 正在将 <% 解析为其他语言并添加 eval，但我无法在线找到解析器配置选项。有没有人以这种方式对 vue-cli 解析代码有问题？

任何和所有的帮助表示赞赏！

我需要一些帮助，或者至少需要指出正确的方向。我正在尝试使用 Vue CLI 3 部署一个 vuejs 应用程序。当我运行构建命令时，文件被构建到 dist 文件夹中，它工作正常。dist 中还有一个 js 和 css 文件夹，其中包含相应的文件。在我的 index.html 中，路径被创建为 /css/app.css 或 /js/app.js。我希望将文件与 index.html 以及简单读取 app.css 或 app.js 的路径一起放在 dist 文件夹中。我的目标是删除 /css/。

我假设这是通过配置 webpack 在 vue.config.js 中完成的。我似乎无法弄清楚这一点。我了解 baseURL 设置，但我可以弄清楚这部分......任何帮助将不胜感激。

谢谢

我有一个使用 vue cli 3 创建的项目。当我运行命令“npm run serve”时，它会给出以下成功消息（我用假的 # 替换了我的 IP 地址）：

在我自己的电脑上一切正常。在我自己的计算机上，我可以通过本地和 IP 地址访问，但我无法通过连接到同一 wifi 网络的其他设备上的网络地址访问。

我尝试了以下方法：

我的 tomcat 服务器在端口 80 上运行，并且在我的计算机和其他设备上都可以正常工作......我不知道还能做什么......

这是我遇到的错误页面：我 怎样才能使它可以从同一网络上的其他设备访问我的 vue 项目？

感谢您的时间和帮助！

我们可以在 cli 3 中设置自定义模式。

因为它不是生产模式，所以不会是优化的构建。

如何将配置设置为自定义模式以将优化构建作为生产模式。

package.json 中的自定义模式（暂存）

默认生产模式（优化）的文件，命令：npm run build

自定义模式（staging）的文件（未优化），命令：npm run staging

提前致谢。

我正在学习打字稿。当我尝试导入一些包时出现一些错误。我正在检查node_modules文件夹，它已下载，但没有*.d.ts文件。我怎样才能导入它们？