1. 程式人生 > 其它 >React 的模組化(1)

React 的模組化(1)

HTML

(1) <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
在這裡%PUBLIC_URL%/ 指的是public資料夾的路徑


(2) 開啟理想視口 用於做移動端網頁的適配
<meta name="viewport" content="width=device-width, initial-scale=1" />

(3) 配置瀏覽器頁籤+位址列的顏色 (僅支援安卓手機瀏覽器)
<meta name="theme-color" content="#000000" />

(4) 這是作為網頁的描述
<meta
name="description"
content="Web site created using create-react-app"
/>
(5) 指定網頁儲存新增到手機上的桌面(只能是蘋果手機)
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
(6) 作為應用的加殼 (簡單的應用 這個很有用)
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

(7)robots.txt 是爬蟲檔案

模組化

(1).樣式的模組化
方式1: 檔案的命名 比如為 style.module.css
那麼你引入的時候 就可以拿到一個物件 再 使用樣式
例如 import BAIBAI from "./style.module.css"
<div className={BAIBAI.BAIBAI}>拜拜</div>

方式2 :使用less 的鏈式寫法

(2)快捷生成一個元件
安裝外掛: ES7 React/Redux/GraphQL/React-Native snippets

可以使用 rcc 快捷生成一個類式元件

可以使用 rfc 快捷生成一個類式元件