Vue实战第5章：发布Vue工程到github静态页面

最新推荐文章于 2024-05-27 21:03:40 发布

因吹斯听的Sun同学

最新推荐文章于 2024-05-27 21:03:40 发布

阅读量571

点赞数 1

分类专栏： Vue 前端文章标签： vue.js github javascript

本文链接：https://blog.csdn.net/Mr_Sun88/article/details/129189425

版权

Vue 同时被 2 个专栏收录

10 篇文章 5 订阅

订阅专栏

前端

9 篇文章 0 订阅

订阅专栏

前言

本篇在讲什么

简单讲解关于Vue发布github静态页面相关的内容

本篇适合什么

适合初学Vue的小白
适合想要自己搭建网站的新手

本篇需要什么

对Html和css语法有简单认知
对Vue有简单认知
Node.js(博主v18.13.0)的开发环境
Npm(博主v8.19.3)的开发环境
Vue(博主v5.0.8)的开发环境
依赖VS code编辑器
需要一个github账号

本篇的特色

具有全流程的图文教学
重实践，轻理论，快速上手
提供全流程的源码内容

★提高阅读体验★

👉 ♠ 一级标题 👈

👉 ♥ 二级标题 👈

👉 ♣ 三级标题 👈

👉 ♦ 四级标题 👈

♠ 配置发布环境

♥配置vue.config.js

对于目前我们静态页面发布只需要简单的去修改vue.config.js文件即可

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
   // 基本路径
   publicPath: './',
   // 输出文件目录
   outputDir: 'dist',
   configureWebpack: {
     externals: {
     }
   },
   transpileDependencies: true
})