https://github.com/appzic/esbuild-plugin-styled-components

esbuild plugin for styled components
https://github.com/appzic/esbuild-plugin-styled-components

esbuild-plugin styled-components

Last synced: 8 days ago
JSON representation

esbuild plugin for styled components

• Host: GitHub
• URL: https://github.com/appzic/esbuild-plugin-styled-components
• Owner: appzic
• License: mit
• Created: 2023-06-06T13:09:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-10T04:17:40.000Z (11 months ago)
• Last Synced: 2024-10-14T07:58:28.435Z (about 1 month ago)
• Topics: esbuild-plugin, styled-components
• Language: TypeScript
• Homepage: https://appzic.com/open-source-projects/esbuild-plugin-styled-components
• Size: 142 KB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
![esbuild-plugin-styled-components-cover](https://github.com/appzic/esbuild-plugin-styled-components/assets/64678612/235d077d-cf05-4e84-8924-28ca5ba2075c)

esbuild plugin for styled components




    

        

    

    

        

    

    

        

    



## How to Install

```bash

npm install -D esbuild-plugin-styled-components

```

## How to Use

`esbuild.config.js`

```js

import * as esbuild from 'esbuild';

import styledComponentsPlugin from "esbuild-plugin-styled-components";

await esbuild.build({

    ...

    plugins: [

        styledComponentsPlugin({

            // filter: "\\.[tj]sx?$";              <-- Optional, type = string | RegExp

            // ssr: true;                          <-- Optional, type = boolean

            // displayName: false;                 <-- Optional, type = boolean

            // fileName: false;                    <-- Optional, type = boolean

            // meaninglessFileNames: [];           <-- Optional, type = string[]

            // minify: true;                       <-- Optional, type = boolean

            // transpileTemplateLiterals: false;   <-- Optional, type = boolean

            // pure: false;                        <-- Optional, type = boolean

            // topLevelImportPaths: [];            <-- Optional, type = string[]

            // namespace: undefined;               <-- Optional, type = string

        })

    ],

    ...

})

```

More details about options https://styled-components.com/docs/tooling

## Contributing

We welcome contributions from the community! Please take a look at our [CONTRIBUTING.md](CONTRIBUTING.md) file for more information on how to get started. We appreciate all kinds of contributions, from bug reports and feature requests to code contributions and documentation improvements. Thank you for considering contributing to our project!

## Contributors



  



## License

Licensed under the [MIT](LICENSE) License.