如何将vue项目打包后上传至GitHub并生成预览链接(pages)?

更新于
2026-10-01 18:59:33
0阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计783个文字,预计阅读时间需要4分钟。

如何将vue项目打包后上传至GitHub并生成预览链接(pages)?

当Vue项目完成开发后,在项目根目录下打开命令行,输入命令:`npm run build`。实际上,此命令执行的是`build.js`文件,将项目打包成静态资源。命令完成后,项目根目录下会多出一个`dist`文件夹。

当Vue项目完成后,在根目录下打开命令行,输入命令:

npm run build

实际上此命令就是执行build.js文件,将项目打包成静态资源。

此命令完成后,项目根目录下会多出一个dist文件夹,dist文件里面有:

static文件下包括项目打包后的css、js、img、fonts(字体图标)。

项目资源无法加载

点击index.html,浏览器显示该页面是空白的。打开控制台看到index.html文件中没有加载任何css、js文件。

阅读全文

本文共计783个文字,预计阅读时间需要4分钟。

如何将vue项目打包后上传至GitHub并生成预览链接(pages)?

当Vue项目完成开发后,在项目根目录下打开命令行,输入命令:`npm run build`。实际上,此命令执行的是`build.js`文件,将项目打包成静态资源。命令完成后,项目根目录下会多出一个`dist`文件夹。

当Vue项目完成后,在根目录下打开命令行,输入命令:

npm run build

实际上此命令就是执行build.js文件,将项目打包成静态资源。

此命令完成后,项目根目录下会多出一个dist文件夹,dist文件里面有:

static文件下包括项目打包后的css、js、img、fonts(字体图标)。

项目资源无法加载

点击index.html,浏览器显示该页面是空白的。打开控制台看到index.html文件中没有加载任何css、js文件。

阅读全文