Suggestion: custom loader option

[lidessen]

Maybe Deno can make web apps more cloud native via a loader option

deno.json

{
  "loaders": {
    "*.vue": "https://deno.land/x/[email protected]/loaders/vue.ts",
    "*.vue!react": "https://deno.land/x/vue-loader/vue-react.ts",
    "*.(css|scss)": "./style-loader.ts"
  }
}

style-loader.ts

import { ModuleLoader, someHelperFunciton } from "https://deno.land/[email protected]/loader/mod.ts"

export default class StyleLoader implements ModuleLoader {
  // ...
}

declare module "*.css" {
  // ...
}

SomeComponent.tsx

import style from "https://esm.sh/some-lib/SomeComponent.css"

// or even import a vue component to react component via a specific loader
import Button from "https://esm.sh/some-ui-lib/Button.vue!react"

• What loaders do is transform a non js/ts module to a ts modlue
• Deno can provide a cache API for loaders

[masx200]

https://nodejs.org/dist/latest-v18.x/docs/api/esm.html#loaders

[kitsonk]

Duplicate of #1739