vue打包后css路径_vue打包后引入js和css用相对路径引入

在 Vue 打包后，CSS 文件和 JS 文件都会被压缩并打包到 dist 目录下。因此，在引用这些文件时，我们需要使用相对路径来确保文件能够正确加载。

例如，在 index.html 中引入打包后的 CSS 和 JS 文件时，可以使用以下相对路径：

<link rel="stylesheet" href="./css/app.css">
<script src="./js/app.js"></script>

其中，"./" 表示当前目录，因此 "./css/app.css" 和 "./js/app.js" 都是相对于 index.html 文件所在的目录的路径。

如果你的 CSS 或者 JS 文件存放在其他目录下，也可以使用相对路径来引用它们。例如，假设你的 CSS 文件存放在 dist/css 目录下，JS 文件存放在 dist/js 目录下，那么可以使用以下路径：

<link rel="stylesheet" href="./css/app.css">
<script src="./js/app.js"></script>

同样的，"./css/app.css" 和 "./js/app.js" 都是相对于 index.html 文件所在的目录的路径。

需要注意的是，如果你在 Vue 中使用了 publicPath 配置项，那么在引用文件时，你需要使用该配置项的值来构建相对路径。例如，假设你在 Vue 中设置了 publicPath 为 "/myapp/"，那么在引用文件时，应该使用以下路径：

<link rel="stylesheet" href="/myapp/css/app.css">
<script src="/myapp/js/app.js"></script>

这里的 "/myapp/" 就是 publicPath 的值，可以通过在 Vue 的配置文件中设置来修改。