chevron_left

Vue 2 实践教程

免费
第 13.1 回

教程文档

Vue 2 实践教程 - 打包与部署

2023年11月24日
Vue 2 实践教程

打包与部署

构建目标

yarn build

会在项目根目录生成dist目录,这就是编译打包完成后的纯静态文件。

本地预览

若直接双击打开dist/index.html文件,会显示一片空白,浏览器console中,多个路径错误 1.png

正确的做法是:

yarn global add serve

serve -s dist

2.png

根据上面的地址,通过浏览器来预览,打包出来dist目录中的纯静态文件是否能正确运行,且控制台不报错。

修改publicPath

有些时候需要打包出来的文件,能直接双击浏览,例如在使用hbuild打包成 App 的时候。

可在`vue.c...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手