06 react 腳手架目錄結構說明

2021-10-11 11:41:13 字數 810 閱讀 1121

這裡面的都可以不要,都可以刪除

index.js和vue中的main.js一樣是入口檔案

可以向我們之前寫的一樣寫乙個虛擬dom然後渲染

.gitignore 上傳git時忽略的檔案 這樣控制一些檔案不用上傳githup但是本地依然是存在的,只是上傳githup時不會上傳

package.json 放的是所有的依賴包

package-lock.json是自動生成的不用管

npm run start

npm run build

npm run test

npm run eject

我們使用的是npm start 在redme.md裡告訴我們

可以使用http://localhost:3000

vue是啟動在8080埠

npm test 是做單元測試 我們不做單元測試 單元測試檔名以.test.js為字尾的**檔案

npm run build 最後的乙個打包

npm run eject 用來檢視webpack的配置檔案 注意:一旦執行就回不去了(消失不了了)當我們在使用stulys 或者less sass時,就需要把webpack匯出來,然後進行配置

react腳手架搭建專案目錄介紹

readme.md 專案介紹自定義一些專案資訊以及簡單使用 package.json dependencies下管理生產環境所用的包及版本 devdependencies裡得外掛程式只用於開發環境,不用於生產環境 name專案名稱 version專案版本 scripts專案啟動等功能設定 packa...

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打包後,用本地路徑就訪問不到該路徑資源了...