Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gxlmyacc/babel-plugin-define-variables
a babel define vars that like webpack.DefinePlugin
https://github.com/gxlmyacc/babel-plugin-define-variables
babel babel-plugin defineplugin webpack
Last synced: about 2 months ago
JSON representation
a babel define vars that like webpack.DefinePlugin
- Host: GitHub
- URL: https://github.com/gxlmyacc/babel-plugin-define-variables
- Owner: gxlmyacc
- License: mit
- Created: 2020-12-01T09:01:37.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-10T09:06:29.000Z (over 2 years ago)
- Last Synced: 2024-11-13T06:02:30.447Z (about 2 months ago)
- Topics: babel, babel-plugin, defineplugin, webpack
- Language: JavaScript
- Homepage:
- Size: 72.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# babel-plugin-define-variables
a babel plugin that like webpack.DefinePlugin
[](https://npmjs.com/package/babel-plugin-define-variables)
[](https://npmjs.com/package/babel-plugin-define-variables)
## installtion
```bash
npm install --save-dev babel-plugin-define-variables
// or
yarn add -D babel-plugin-define-variables
```
## config
```js
// babel.config.js
module.exports = {
presets: [
...
],
plugins: [
[
'babel-plugin-define-variables',
{
defines: {
'process.env.BUILD_ENV': process.env.BUILD_ENV,
'process.env.NODE_ENV': process.env.NODE_ENV,
},
builtIns: {
// filename: false,
// filehash: false,
// dirname: false,
// now: false,
// timestamp: false,
// packagename: false,
// packageversion: false
}
}
],
...
]
};
```
## built-in define
- __filename__
the filename of code file that relative of `package.json` path that current project.
- __filehash__
the file`s hashcode of code file
- __dirname__
the dirname of code file that relative of `package.json` path that current project.
- __now__
the time that build moment. format: 'yyyy-MM-dd hh:mm:ss'
- __timestamp__
the timestamp that build moment.
- __packagename__
the package name of this project.
- __packageversion__
the package version of this project. you can also use like this:
```js
__packageversion__('react');
```
that you will get version of react;
## demo
src/index.js:
```js
function test() {
console.log('__filename__', __filename__);
console.log('__filehash__', __filehash__);
console.log('__dirname__', __dirname__);
console.log('__now__', __now__);
console.log('__timestamp__', __timestamp__);
console.log('__packagename__', __packagename__);
console.log('__packageversion__', __packageversion__);
console.log('__packageversion__', __packageversion__(''));
console.log('__packageversion__', __packageversion__('@babel/cli'));
console.log('process.env.BUILD_ENV', process.env.BUILD_ENV);
__packageversion__.split('.');
}
```
output/index.js:
```js
function test() {
console.log('__filename__', "/demo/src/test1.js");
console.log('__filehash__', "d7bfcc4a");
console.log('__dirname__', "/demo/src");
console.log('__now__', "2020-12-03 18:43:46");
console.log('__timestamp__', 1606992227198);
console.log('__packagename__', "babel-plugin-define-variables");
console.log('__packageversion__', "0.0.2");
console.log('__packageversion__', "");
console.log('__packageversion__', "7.6.4");
console.log('process.env.BUILD_ENV', "test");
"0.0.2".split('.');
}
```