CRMEB v4 前端構(gòu)建和發(fā)布

2022-04-11 15:03 更新

構(gòu)建和發(fā)布

構(gòu)建

在構(gòu)建前,需要檢查一下構(gòu)建的基本配置,這個(gè)配置主要在src/setting.env.js中,在配置篇-開(kāi)發(fā)配置文檔中查看。

在終端執(zhí)行命令進(jìn)行項(xiàng)目打包:

$ npm run build

構(gòu)建打包成功之后,默認(rèn)會(huì)在根目錄生成dist文件夾,里面就是構(gòu)建打包好的文件,通常是**.js、**.css、index.html等靜態(tài)文件。

發(fā)布

iView Admin Pro 是典型的 SPA 類型的工程,打包后的文件分為 index.html 和其它靜態(tài)資源,整個(gè)項(xiàng)目只有 index.html 這一個(gè)入口文件,其它都是 Webpack 來(lái)管理的了。

所以,發(fā)布一個(gè) SPA 項(xiàng)目,核心就是渲染這個(gè) index.html 以及靜態(tài)資源的位置。

一般來(lái)說(shuō),你可能使用 Nginx、Apache 等渲染這個(gè)入口文件 index.html,也可以使用 CDN 的服務(wù),比如七牛。

發(fā)布失敗常見(jiàn)問(wèn)題

服務(wù)端是否支持history路由模式。框架默認(rèn)為 history 模式,需服務(wù)端處理 404 情況,否則可以改為hash模式。

靜態(tài)資源地址publicPath是否修改正確,可以修改為絕對(duì)地址,避免出錯(cuò)。

更多文檔請(qǐng)?jiān)L問(wèn):www.iviewui.com/docs/introduce

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)