{{userInfo.nickname}}
用户设置 退出登录

{{wikiTitle}}

前端构建和发布

构建和发布

构建

在构建前,需要检查一下构建的基本配置,这个配置主要在src/setting.env.js中,在配置篇-开发配置文档中查看。

在终端执行命令进行项目打包:

$ npm run build

构建打包成功之后,默认会在根目录生成dist文件夹,里面就是构建打包好的文件,通常是**.js**.cssindex.html等静态文件。

发布

iView Admin Pro 是典型的 SPA 类型的工程,打包后的文件分为 index.html 和其它静态资源,整个项目只有 index.html 这一个入口文件,其它都是 Webpack 来管理的了。

所以,发布一个 SPA 项目,核心就是渲染这个 index.html 以及静态资源的位置。

一般来说,你可能使用 Nginx、Apache 等渲染这个入口文件 index.html,也可以使用 CDN 的服务,比如七牛。

发布失败常见问题

1.服务端是否支持history路由模式。框架默认为 history 模式,需服务端处理 404 情况,否则可以改为hash模式。

2.静态资源地址publicPath是否修改正确,可以修改为绝对地址,避免出错。

更多文档请访问:https://www.iviewui.com/docs/introduce

{{cateWiki.like_num}}人点赞
0人点赞
评论({{cateWiki.comment_num}}) {{commentWhere.order ? '评论从旧到新':'评论从新到旧'}} {{cateWiki.page_view_num}}人看过该文档
评论(0) {{commentWhere.order ? '评论从旧到新':'评论从新到旧'}} 85人看过该文档
评论
{{item.user ? item.user.nickname : ''}} (自评)
{{item.content}}
{{item.create_time}} 删除
{{item.like ? item.like.like_num : 0}} {{replyIndex == index ? '取消回复' : '回复'}}
评论
{{items.user ? items.user.nickname : '暂无昵称'}} (自评)
{{items.content}}
{{items.create_time}} 删除
{{items.like ? items.like.like_num : 0}} {{replyIndexJ == (index+'|'+indexJ) ? '取消回复' : '回复'}}
评论
目录
  • {{item}}