https://github.com/github/babel-plugin-ensure-name-for-custom-elements
This plugin makes sure that your custom elements always have a name property, even after minifying.
https://github.com/github/babel-plugin-ensure-name-for-custom-elements
babel-plugin custom-elements
Last synced: 8 months ago
JSON representation
This plugin makes sure that your custom elements always have a name property, even after minifying.
- Host: GitHub
- URL: https://github.com/github/babel-plugin-ensure-name-for-custom-elements
- Owner: github
- License: mit
- Archived: true
- Created: 2018-10-09T11:00:41.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-04-04T19:27:02.000Z (about 6 years ago)
- Last Synced: 2025-01-04T03:21:24.499Z (over 1 year ago)
- Topics: babel-plugin, custom-elements
- Language: JavaScript
- Size: 113 KB
- Stars: 11
- Watchers: 289
- Forks: 8
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# babel-plugin-ensure-name-for-custom-elements
This plugin makes sure that your custom elements always have a name property, even after minifying.
## Example
**In**
```js
class FooElement extends HTMLElement { }
```
**Out**
```js
class FooElement extends HTMLElement {
static get name() {
return "FooElement";
}
}
```
## Installation
```sh
$ npm install babel-plugin-ensure-name-for-custom-elements
```
## Usage
### Via `.babelrc` (Recommended)
**.babelrc**
```json
{
"plugins": ["ensure-name-for-custom-elements"]
}
```
### Via CLI
```sh
$ babel --plugins ensure-name-for-custom-elements script.js
```
### Via Node API
```javascript
require("babel-core").transform("code", {
plugins: ["ensure-name-for-custom-elements"]
});
```