ts react vite_or_webpack

Há um exemplo use-webpack

Este é um iniciador simples (administrador) com texto digitado, reagir e vite.

Tenha uma visão rápida:

configurar

para rouco

$ npm run prepare

Se você não precisa do registro taobao, pode alterá-lo em .npmrc

$ npm i

teste

$ npm test 

construir para o desenvolvimento

$ npm run dev

construir para produção

$ npm run build:(qa/prod)

características

• use design de formiga como estrutura de UI
• usar ServiceWorker
• use ganchos husky{pre-commit/commit-msg}
• use react-intl-universal para i18n.
• use react-virtualized para lista gorda.

páginas

• A página Index tornou-se um Socket Debugger

PENDÊNCIA

• menu de configuração por usuário com permissão
• páginas mais funcionais como Socket Debugger

exemplo de componente

 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 )

exemplo ao vivo

extensões necessárias (no vscode)

• ESLint

• estilolint

• Mais bonito - Formatador de código

como fazer upload de arquivo para o servidor

 #! /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 

como implantar com nginx

 server {
       listen       9993 ;
       server_name  localhost:9993;

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

o andaime

steamer-react-redux-ts