Compile time code replacement for babel similar to Webpack's DefinePlugin
npm install babel-plugin-transform-define.babelrc
{
"plugins": [
["transform-define", {
"process.env.NODE_ENV": "production",
"typeof window": "object"
}]
]
}.babelrc
{
"plugins": [
["transform-define", "./path/to/config/file.js"]
]
}Note: Paths are relative to `process.cwd()``
babel-plugin-transform-define can transform certain types of code as a babel transformation.
#####Identifiers
.babelrc
{
"plugins": [
["transform-define", {
"VERSION": "1.0.0",
}]
]
}Source Code
VERSION;
window.__MY_COMPANY__ = {
version: VERSION
};Output Code
"1.0.0";
window.__MY_COMPANY__ = {
version: "1.0.0"
};#####Member Expressions
.babelrc
{
"plugins": [
["transform-define", {
"process.env.NODE_ENV": "production"
}]
]
}Source Code
if (process.env.NODE_ENV === "production") {
console.log(true);
}Output Code
if (true) {
console.log(true);
}#####Unary Expressions
.babelrc
{
"plugins": [
["transform-define", {
"typeof window": "object"
}]
]
}Source Code
typeof window;
typeof window === "object";Output Code
'object';
true;
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent