npm.io
0.1.14 • Published 6 months ago

esbuild-plugin-esmcss

Licence
Apache-2.0
Version
0.1.14
Deps
1
Size
14 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

esbuild-plugin-esmcss

Build .css.ts/.css.js modules as css assets.

install

npm i -D esbuild-plugin-esmcss

usage

Build file

import { build } from 'esbuild'
import esmcss from 'esbuild-plugin-esmcss'
await build({
  entryPoints: [/* source code entry point */],
  plugins: [esmcss()]
})

Component file

import './component.css.js'
export function html_() {
  return `
<!DOCTYPE html>
<html>
  <head>
  link_({ rel: 'stylesheet', type: 'text/css', href })
    <link rel="stylesheet" type="text/css" href="/path/to/cssBundle.css">
  </head>
  <body>
    <div class="my_component">Hello!</div>
  </body>
</html>
  `.trim()
}

component.css.ts

export default ()=>`
.my_component {
  color: green;
}
`

Keywords

cssesmesbuild