当项目开发完毕,只需要运行一行命令就可以打包你的应用
~~~
# 打包正式环境
yarn run build
# 打包并查看打包过程日志及生成报告
yarn run build:report
~~~
构建打包成功之后,会在根目录生成`dist`文件夹,里面就是构建打包好的文件,通常是`***.js`、`***.css`、`index.html`等静态文件
通常情况下`dist`文件夹的静态文件发布到你的 nginx 或者静态服务器即可,其中的`index.html`是后台服务的入口页面。
>[info] path 提示
> 如果需要自定义构建,比如指定`dist`目录等,则需要通过\[config\]的`build.assetsRoot`进行配置
>[info] publicPath 提示
> 部署时改变页面js 和 css 静态引入路径 ,只需修改`config/index.js`文件资源路径即可
```
build.assetsPublicPath: './' //请根据自己路径来配置更改
```
- 介绍
- 快速了解
- 项目简介
- 主要特性
- 技术选型
- 内置功能
- 更新日志
- 环境部署
- 准备工作
- 运行系统
- 部署系统
- 环境变量
- nginx配置
- 项目介绍
- 文件结构
- 核心技术
- 技术文档
- 多语言环境配置
- 如何在vue项目中整合tinymce富文本编辑器
- vuedraggable在项目中的应用
- viewerjs在项目中的应用
- 用echart在vue项目中实现数据可视化
- 用webpack打包vue项目时如何实现性能调优
- CSS高度塌陷原理及解决方法
- CSS的几种定位机制
- 话说BFC
- export、export default和module.exports的用法及区别
- proto 和 prototype 深度剖析
- 服务端渲染的探索与实践
- 浏览器背后的运行机制
- 组件文档
- 基础组件
- 扩展按钮
- 扩展表格
- 定制面包屑
- 超级图片上传
- 地图定位
- 换肤调色板
- 富文本编辑器
- 视频上传
- 图片裁剪
- 表格树状列组件
- 自定义显示列
- 业务组件
- 更换头像
- 图片排序
- 地域选择
- 选择文章
- 文章分类选择
- 表单选择
- 商品选择
- 常见问题
- 捐赠支持
- 演示截图
- 功能列表