标签: vue-cli-3
在生产版本中更改 js 和 css 文件的文件路径
我需要一些帮助，或者至少需要指出正确的方向。我正在尝试使用 Vue CLI 3 部署 vuejs 应用程序。当我运行 build 命令时，文件被内置到 dist 文件夹中，这工作正常。dist 中还有一个 js 和 css 文件夹，其中包含相应的文件。在我的 index.html 中，路径被创建为 /css/app.css 或 /js/app.js。我希望文件与 index.html 和路径一起放置在 dist 文件夹中，以简单地读取 app.css 或 app.js。我的目标是删除 /css/.
我假设这是通过配置 webpack 在 vue.config.js 中完成的。我似乎无法弄清楚这一点。我了解 baseURL 设置，但我可以弄清楚这部分......任何帮助将不胜感激。
谢谢
推荐指数
解决办法
查看次数
如何在 VueCli 中不使用文件名散列进行构建
我想构建我的应用程序并导出没有随机数的文件，例如app.e48201ef.jsapp.js。
我的应用程序位于 Wordpress 根目录的 /app/ 文件夹中，我将 js 文件一个一个地包含在模板中，以对 .
问题是我真的对 webpack、vue.config.js 感到困惑，事实上 Webpack 现在包含在 VueCLi3 中，我将文件包含在 index.html 中，我不使用它。
如何为每个文件设置静态名称以保持我的应用程序在生产中更新？
谢谢你。
推荐指数
解决办法
查看次数
使用vue-cli时如何禁用在本地网络上运行应用程序？
当我运行vue-cli项目时，我看到以下内容：
DONE Compiled successfully in 5778ms
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.178.9:8080/
Note that the development build is not optimized.
To create a production build, run npm run build.
我不希望我的应用仅在本地主机上运行在本地网络上。如何关闭本地网络部分？
推荐指数
解决办法
查看次数
为什么我的主文件夹下有一个 node_modules 文件夹？
我已经在/usr/local/lib/node_modules 中有一个全局node_modules文件夹，但我刚刚发现我的主文件夹下还有一个~/node_modules文件夹。我可以删除这个吗？
我执行node -e "console.log(global.module.paths)" ，我得到：
[ '/Users/Username/node_modules',
'/Users/node_modules',
'/node_modules' ]
如果我删除主目录下的node_modules文件夹，则执行npm list @vue/cli-ui. 应该是这个错误：
[ '/Users/Username/node_modules',
'/Users/node_modules',
'/node_modules' ]
那么，我可以删除我的主目录下的node_modules文件夹吗？它有什么用？还是我需要重新安装 Node.js 和 npm？
如果我确实删除了这个文件夹，当我执行时npm ls，我会得到这些错误：
/Users/Username
??? UNMET DEPENDENCY @vue/cli-ui@3.0.1
npm ERR! missing: @vue/cli-ui@3.0.1, required by Username
我怎么解决这个问题？
现在执行后一切正常npm cache verify。
推荐指数
解决办法
查看次数
Vue cli 3 项目，图像路径中的动态 src 不起作用
我在 vue 组件中引用图像 url，例如
<img alt="Vue logo" src="~statics/reports/logo.png">
这有效
但在尝试的同时
<img alt="Vue logo" :src="getURL()">
data() {
return { imgPath: "~statics/reports/logo.png" };
},
methods: {
getURL() {
//
// console.log(path)
return (this.imgPath)
}
},
它失败
我的文件夹结构是 
在第一种情况下，路径被解析为
http://localhost:8081/img/logo.82b9c7a5.png
并由开发服务器自动提供
在第二种情况下，路径未解析，它仍然存在 http://localhost:8081/~statics/reports/logo.png
我正在使用 vue cli 3 为 webpack 生成的默认配置。
我不想对像 ../images/ 这样的所有图像使用相对路径，因为它使它更加冗长。我试过 require(pathVariable) 也不起作用当 url 是动态的，即资产名称来自服务器时，请帮助解析 img 路径，我在方法或计算中附加路径并使用 :src 动态绑定来提供服务
推荐指数
解决办法
查看次数
支持 IE11 的 vue cli3 lib
根据文档（https://cli.vuejs.org/guide/build-targets.html#library），我不清楚如何集成 babel 以使构建的 lib 对 IE11 友好......我必须从 Vue 组件制作一个 npm 包。
我在 package.json 中的 npm 脚本是：
vue-cli-service build --target lib src/MyComponent.vue
我在 package.json 中放置了一个正确的“浏览器列表”。
看来我必须使用带有预设的 babel.config.js。
不确定要安装什么作为开发依赖项以及要配置什么...
任何人都有一个工作示例库或一些指导，好吗？
推荐指数
解决办法
查看次数
你如何在 web 组件中包含 vuetify
我正在使用以下命令构建一个 Web 组件：
vue-cli-service build --target wc --name my-element 'src/components/mycomponent.vue'
我想在这个组件中使用 Vuetify。如何将它添加到mycomponent.vue组件的影子根内？
此组件将动态加载到使用其他框架/样式构建的应用程序中。我想在网络组件可以使用，例如v-btn，v-layout等内它。
谢谢你，唐尼
推荐指数
解决办法
查看次数
npm run build 生成错误的路径
为了部署我的Vue Cli 3项目，我做了npm run build，但是index.html在新dist/文件夹中包含这样的错误路径：
<link href=/css/app.35dee36a.css
<link href=/js/app.826dde09.js
结果我在控制台中得到了这些：
Failed to load resource - http://my_site.com/js/app.826dde09.js
应该是http://my_site.com/timelog/js，不是http://my_site.com/js。
我试图package.json通过添加来指定 URL，"baseUrl": "http://my_site.com/timelog/", "homepage": "http://my_site.com/timelog/",但它没有改变任何东西。
是什么导致了这个问题以及如何解决它？
推荐指数
解决办法
查看次数
如何让 Vue-Cli 3 忽略公共文件夹中的文件更改
我需要在public/js文件夹下放很多js文件，这会导致CPU达到100%。
文件路径：
src
public
- js
- 1.js
- 2.js
- ...
node_modules
这些js文件不会更新。如何让 Vue-Cli 不观察这些文件？
我在 vue.config.js 中尝试了这个配置，但它不起作用。
const path = require('path');
module.exports = {
configureWebpack: {
devServer: {
watchOptions: {
ignored: ['node_modules', 'public'],
}
}
}
}
推荐指数
解决办法
查看次数
使用 CLI 创建 vue 项目时出错
我正在尝试在 Ubuntu 中使用 Vue CLI 创建一个 Vue 项目，但一直出现相同的错误。我已经使用sudo npm i -g @vue/cli.
这是错误消息：
00h00m00s 0/0: : 错误错误: 命令失败: yarn config get registry 错误: [Errno 2] 没有这样的文件或目录: 'config'
错误：命令失败：yarn config get registry
错误：[Errno 2] 没有这样的文件或目录：'config'
at makeError (/usr/local/lib/node_modules/@vue/cli/node_modules/execa/index.js:174:9) at Promise.all.then.arr (/usr/local/lib/node_modules/@vue/ cli/node_modules/execa/index.js:278:16) 在 processTicksAndRejections (internal/process/next_tick.js:81:5)
这是什么原因？
推荐指数
解决办法
查看次数