Configuré esbuild con una aplicación sinatra y estoy tratando de agrupar mi CSS usando el esbuild.config.js a continuación. El problema es que el archivo css se genera como .js. ¿Qué estoy haciendo mal aquí?

 import * as esbuild from 'esbuild'; import {sassPlugin} from 'esbuild-sass-plugin'; import * as path from 'path'; await esbuild.build({ entryPoints: ["./assets/javascripts/application.js", "./assets/stylesheets/application.css"], bundle: true, outdir: "./public", absWorkingDir: path.join(process.cwd()), watch: true, // custom plugins will be inserted is this array plugins: [sassPlugin({ type: 'stylesheet' })], }).catch(() => process.exit(1));

Aquí está la salida:

público/hojas de estilo/aplicación.js

 (() => { // assets/stylesheets/application.css var application_default = ` p { color: red; text-align: center; font-size: 24px; }`; })();