react腳手架打包的坑

2021-08-19 17:57:13 字數 463 閱讀 7900

首先看一下打包後的build檔案:

相當於靜態資源的根目錄就是public檔案,開發中所需要的或其他資源就放在public資料夾下,比如這裡img檔案中的,在任何元件中可以直接通過/img/1.jpg來獲取1.jpg這張,但是如果通過cnpm run build打包後,用本地路徑就訪問不到該路徑資源了,解決辦法:改用相對路徑:./img/1.jpg

注意:在打包之前需要在package.json中加入"homepage": "./"

,

"scripts": ,

"homepage": "./"

}

這樣打包後的build檔案中的html在本地路徑中就可以直接檢視

React腳手架配置less

安裝完react腳手架以後,是不支援less的,也不支援less的巢狀樣式,需要我們在webpack.config.js中配置一下。解決的問題 1 全域性安裝 3 進入專案資料夾並啟動 npm start npm i less less loader安裝完腳手架之後,我們在目錄結構中看不到webpa...

react腳手架解決跨域

配置 方法一.axios proxy 找檔案 node modules react scripts config webpackdevserver.config.js 通過正向 去獲取資料,解決跨域問題 proxy 2.改package.json scripts 3.專案根目錄下建立 config ...

react在腳手架中的使用

在class建立的類中,如果要使用constructor鉤子函式則必須使用super super 的意思是指手動呼叫父元件的鉤子函式 1.元件外的寫法 mycom.proptypes mycom是指建立的類2.元件裡的寫法 static proptypes mycom.defaultprops 對於...