babel-preset-alexios

$3

``bash

Intall locally (globally is not recommmended)

> npm install babel-preset-alexios --save-dev
`

$3

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

Like this:

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

`json
// .babelrc
presets: ["alexios"]
`

or

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

$3

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:

`js
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" }],
},
],
},
];
`

$3

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.

$3

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.