問題描述

開發(fā)環(huán)境中，react項(xiàng)目界面是這樣

使用npm run build打包之后，把dist下的文件放到node服務(wù)器上就變成了這樣：

為什么用npm run build打包之后樣式會(huì)丟失呢？

問題解答

路徑問題，嘗試用node把dist目錄代理為根目錄。

首先你得把你打包用了什么庫，怎么配置列出來。

那你看看你打包后的路徑，以及打包后頁面引入css的路徑對(duì)不對(duì)是否設(shè)置了publicPath

到config 文件夾里的index.js文件中找到build對(duì)象，將assetsPublicPath中的“/”改為“./”即可

打開 chrome 調(diào)試界面, 什么錯(cuò)

不出意外的話，應(yīng)該是路徑的問題。看看控制臺(tái)的報(bào)錯(cuò)，找到你的根路徑，然后根據(jù)根路徑再去匹配你的樣式路徑，也算是最佳的方式了。