React腳手架rekit的安裝和使用

近期在看react，有看到rekit這個腳手架，話不多說，試試~

npm install -g rekit

emmm…已經安裝好了

接下來，建立乙個react專案

npm install

npm start

好了，你的第乙個react專案已經搭建好了，他生成了乙個react的example

但是，所謂的rekit-studio視覺化操作介面在哪呢？

emmm…也要單獨安裝一下rekit-studio

npm i -g rekit-studio

設定rekit-studio埠

rekit-studio -p 3020

好了，這個時候你就可以在本地3200埠訪問你當前專案的rekit-studio介面了~

注意：如果你安裝rekit-studio不成功，可能是下面兩種原因：

node版本太高，切換到10.16.0

nvm use 10.16.0

node -v /

/檢視node版本 10.16.0

沒有windows-build-tools，先用管理員模式安裝這個依賴

npm install --global --production windows-build-tools

安裝成功如下圖：all done

大功告成，開始你的react之路叭~

React腳手架配置less

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

react腳手架打包的坑

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

react腳手架解決跨域

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