microsoft / microsoft/TypeScript

Shouldn't TypeScript be able to polyfill `import defer` with `Proxy` to work with `"module": "commonjs"`?

Ouverte
#62,031 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Awaiting More Feedback Suggestion
Langage dominant
Go
Étoiles
111k
Forks
14.3k
Merge moyen
2 j 4 h
PR mergées (30 j)
132

Description

### 🔍 Search Terms

import defer commonjs
import defer require

### ✅ Viability Checklist

- [x] This wouldn't be a breaking change in existing TypeScript/JavaScript code
- [x] This wouldn't change the runtime behavior of existing JavaScript code
- [x] This could be implemented without emitting different JS based on the types of the expressions
- [x] This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
- [x] This isn't a request to add a new utility type: https://github.com/microsoft/TypeScript/wiki/No-New-Utility-Types
- [x] This feature would agree with the rest of our Design Goals: https://github.com/Microsoft/TypeScript/wiki/TypeScript-Design-Goals

### ⭐ Suggestion

Since the TypeScript beta announcement, I tried it in the playground. But setting `"module"` to `"commonjs"` sadly revealed that `import defer` only work with `"module": "esnext"` or `"module": "preserve"`.

But `Proxy` can polyfill this exact behavior.

### 📃 Motivating Example

This code:

```typescript
import defer * as MyModule from 'my-module'
```

should output something like this:

```javascript
let _module
const MyModule = new Proxy({}, {
get(_target, prop) {
if (!_module) {
_module = require('my-module') // the real code would obviously more complicated as it needs to force `_module` to be an object
}
return _module[prop]
}
})
```

### 💻 Use Cases

1. What do you want to use this for? Using `import defer` for legacy targets
2. What shortcomings exist with current approaches? `await import` forces `Promise`
3. What workarounds are you using in the meantime? `await import`

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par retracer la manière dont TypeScript gère `import defer` lorsque `module` vaut `commonjs`, et comparez-la avec le comportement existant de `esnext` et `preserve`. Utilisez l’exemple motivant de `Proxy` et le cas d’utilisation indiqué pour les cibles legacy afin de définir la sortie attendue, puis ajoutez une couverture montrant si l’accès différé synchrone fonctionne sans introduire `Promise`.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript, typescript
Domaine
compilers
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
28/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.