لدي مشروع كبير وأرغب في بدء الترحيل إلى مكوّن واحد في كل مرة.
لقد حاولت - مع - مطبوعة ولكن هذا يتطلب مني إعادة تسمية جميع الملفات مرة واحدة. أرغب في التحويل ببطء للتأكد من أن الملفات غير المحولة تحتفظ بامتدادها الأولي بينما تعتمد الملفات الجديدة امتدادات الملفات المطبوعة.
كيف أفعل هذا في حيرة؟
مرحبًا ، أنا أيضًا أواجه صعوبة في محاولة جعل المثال with-typescript
يعمل مع ملفات jsx
للسماح بالترحيل التدريجي للمشاريع الحالية.
هل لدى أي شخص فكرة عن كيفية أرشفة هذا الهدف؟
اكتشفه!
npm i -D @babel/preset-typescript ts-loader typescript
أضف @babel/typescript
إلى .babelrc
"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 و. tx لتمكين الكتابة المطبوعة لتلك الملفات.
إذا كنت قادمًا إلى هنا من المستقبل ، فتحقق من المكون الإضافي الرائع الذي يدعم الكتابة المطبوعة بتنسيق razzle هنا .
التعليق الأكثر فائدة
اكتشفه!
npm i -D @babel/preset-typescript ts-loader typescript
أضف
@babel/typescript
إلى .babelrcأضف هذا إلى razzle.config.js
قم بإنشاء ملف tsconfig.json
هذا كل شيء ، الآن يمكنك إعادة تسمية الامتدادات إلى .ts و. tx لتمكين الكتابة المطبوعة لتلك الملفات.