codecamp

CRMEB v4 前端构建和发布

构建和发布

构建

在构建前,需要检查一下构建的基本配置,这个配置主要在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 的服务,比如七牛。

发布失败常见问题

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

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

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

CRMEB v4 前端引用组件
CRMEB v4 授权说明
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

CRMEB V4操作说明

CRMEB V4用户管理

CRMEB v4 支付说明

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }