阅读 670

vue cli webpack-simple打包上传至github

首先要做到是你的github已经创建了github的个人网站,不会的话请百度、Google等。 今天主要内容是

webpack-simple简单模板打包后上传至github预览:

我们还用vue-cil的webpack-simple模板,当写完打包的时候 生成的打包文件在dist文件夹下
但是只生成了build.js和build.js.map两个文件

如果将sourceMap设置为false将只生成build.js文件 打包之前如果你用vue-router了 请将
路由的模式采用默认的hash模式 因为history模式需要后端配合才能使用

打包后

你需要将

index.html 复制到dist文件夹内此时文件夹内有

这个文件夹就是你需要上传的文件 当然在本地点击index文件 出来的页面什么都没有 在本地预览需要设置一些东西 我刚学配置不会 流下了没技术的泪水!!!!

上传至github个人主页仓库 刚开始输入网址进入内容样式都会加载但是引用的图片一个没有

按f12看到没有图片 所以就需要你把本地的图片安装提示错误的路径上传到github仓库内

之后就可以输入链接进入预览了 预览链接

参考

参考文章

文章分类
前端