Razzle: Typescript로 마이그레이션

안녕하세요, 저는 with-typescript 예제를 jsx 파일과 함께 사용하여 기존 프로젝트의 점진적 마이그레이션을 허용하는 데 어려움을 겪고 있습니다.
누구든지 이 목표를 보관하는 방법에 대한 아이디어가 있습니까?

알아냈어!

npm i -D @babel/preset-typescript ts-loader typescript

.babelrc에 @babel/typescript 추가

"presets": [
    "razzle/babel",
    "@babel/typescript"
]

이것을 razzle.config.js에 추가하십시오.

config.resolve.extensions = config.resolve.extensions.concat(['.ts', '.tsx']);
config.module.rules.push({ test: /\.tsx?$/, loader: 'ts-loader' });

tsconfig.json 생성

{
    "compilerOptions": {
        "experimentalDecorators": true,
        // Target latest version of ECMAScript.
        "target": "esnext",
        // Search under node_modules for non-relative imports.
        "moduleResolution": "node",
        // Process & infer types from .js files.
        "allowJs": false,
        // Enable strictest settings like strictNullChecks & noImplicitAny.
        "strict": false,
        // Disallow features that require cross-file information for emit.
        "isolatedModules": true,
        // Import non-ES modules as default imports.
        "esModuleInterop": true,
        "jsx": "react"
    },
    "include": [
        "src"
    ],
    "exclude": [
        "node_modules",
    ]
}

이제 확장명을 .ts 및 .tsx로 변경하여 해당 파일에 대한 typescript를 활성화할 수 있습니다.

미래에서 여기로 오는 경우 여기에서 훌륭한 razzle 지원 typescript 플러그인을 확인 하십시오 .