ts react vite_or_webpack 다운로드 - ts react vite_or

ts react vite_or_webpack

기타 카테고리

1.0.0

다운로드

use-webpack의 예가 있습니다.

이것은 TypeScript, React 및 VITE를 갖춘 간단한(관리자) 스타터입니다.

빠르게 살펴보세요:

설정

허스키를 위한

$ npm run prepare

taobao 레지스트리가 필요하지 않은 경우 .npmrc 에서 변경할 수 있습니다.

$ npm i

시험

$ npm test

개발을 위해 빌드하다

$ npm run dev

생산용으로 빌드

$ npm run build:(qa/prod)

형질

Ant 디자인을 UI 프레임워크로 사용
ServiceWorker 사용
허스키{pre-commit/commit-msg} 후크를 사용하세요.
i18n에는 React-intl-universal을 사용하세요.
fat 목록에는 반응 가상화를 사용하십시오.

페이지

인덱스 페이지가 소켓 디버거가 되었습니다.

TODO

권한이 있는 사용자의 구성 메뉴
소켓 디버거와 같은 더 많은 기능을 갖춘 페이지

구성 요소 예

 import React from 'react'
import { observer } from 'mobx-react'
import { Button } from 'antd'

import history from '@shared/App/ht'

function Test ( ) {
    function gotoHome ( ) {
        history . push ( '/' )
    }
    return (
        < Button type = "primary" onClick = { gotoHome } >
            go to page index directly
        </ Button >
    )
}

export default observer ( Test )

실제 사례

필요한 확장 (vscode에서)

ESLint
스타일린트
Prettier - 코드 포맷터

서버에 파일을 업로드하는 방법

 #! /bin/bash

TIMESPAN= $( date ' +%s ' )
DEPLOYNAME=ts-react.qa. ${TIMESPAN}
DEPLOYFILES= ${DEPLOYNAME} .tar.gz
SERVER=0.0.0.0

# make compression
cd dist/qa
tar -zcvf ${DEPLOYFILES} ./ *

# upload
scp -P 22 -o StrictHostKeyChecking=no ${DEPLOYFILES} node@ ${SERVER} :/home/pages/ts-react/tarfiles

# make decompression
ssh -p 22 -o StrictHostKeyChecking=no node@ ${SERVER} tar xzf /home/pages/ts-react/tarfiles/ ${DEPLOYFILES} -C /home/pages/ts-react

if [ $? -ne 0 ] ; then
    echo " success "
else
    echo " fail "
fi

nginx로 배포하는 방법

 server {
       listen       9993 ;
       server_name  localhost:9993;

       location / {
             root   ~ /Documents/react/ts-react/dist/qa/;
             index  index.html;
       }
 }