babel-preset-alexios v0.2.4

babel-preset-alexios

Install

## Intall locally (globally is not recommmended)
> npm install babel-preset-alexios --save-dev

Usage

Using the babel-preset-alexios, you must set the process.env.NODE_ENV or preset's options.env to development or production,

Like this:

// your js code
process.env.NODE_ENV = "development"; // or "production";

// .babelrc
presets: ["alexios"]

or

presets: [
    ["alexios", { "env": "development" }]
]

Features

We have collected most of the plugins and preset you need for development, provide the same zero configuration experience as create-react-app

presets:

• @babel/preset-env
• @babel/preset-react
• @babel/preset-typescript

plugins:

• @babel/plugin-proposal-class-properties
• @babel/plugin-proposal-decorators
• @babel/plugin-proposal-nullish-coalescing-operator
• @babel/plugin-proposal-numeric-separator
• @babel/plugin-proposal-optional-chaining
• @babel/plugin-transform-runtime
• @babel/runtime
• babel-plugin-macros
• babel-plugin-transform-react-remove-prop-types

extra:

• Automatically identify whether to import style files in the way of cssModule, if so, the import statements will be automatically added with ?css_modules suffix, you can use this in your webpack config. Support: css, less, scss, sass, stylus, style. For example:

rules: [
  {
    oneOf: [
      {
        test: /\.css$/,
        resourceQuery: /css_modules/,
        use: [
          { loader: "style-loader" },
          { loader: "css-loader", options: { modules: true } },
        ],
      },
      {
        test: /\.css$/,
        resourceQuery: /css_modules/,
        use: [{ loader: "style-loader" }, { loader: "css-loader" }],
      },
    ],
  },
];

TypeScript

Automatic translation of typescript, but ts syntax checking at runtime is not supported, if necessary, you can do this by configuring tsconfig to work with the editor.

Compatibility

By default, we do not provide compatible processing for browsers with lower versions, such as IE 9, if you want, you can import polyfill in the top of your entry file, and then we'll recognize it automatically.