How to use the @babel/plugin-proposal-class-properties function in @babel/plugin-proposal-class-properties

To help you get started, we’ve selected a few @babel/plugin-proposal-class-properties examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github salesforce / lwc / packages / @lwc / babel-plugin-component / src / program.js View on Github external
 * Copyright (c) 2018,, inc.
 * All rights reserved.
 * SPDX-License-Identifier: MIT
 * For full license text, see the LICENSE file in the repo root or
const classProperty = require('@babel/plugin-proposal-class-properties')['default'];
const { invalidDecorators } = require('./decorators');
const { transform: postProcess } = require('./post-process');

function exit(api) {
    return {
        Program: {
            exit(path, state) {
                const visitors = api.traverse.visitors.merge([
                    classProperty(api, { loose: true }).visitor,

                    // Decorator usage validation is done on a program exit because by the time program exits,
                    // all the decorators are suppose to be transformed and removed from the class.
                    // Any remaining decorators mean they were not detected and therefore misused.


This plugin transforms static class properties as well as properties declared with the property initializer syntax

Latest version published 1 year ago

Package Health Score

72 / 100
Full package analysis

Popular @babel/plugin-proposal-class-properties functions