babel-plugin-dev-log

helps developers debug and log output in the development environment

Install

npm

 npm install babel-plugin-dev-log

yarn

yarn add babel-plugin-dev-log

Usage

1. Configure the .eslintrc.js file

   module.exports = {
     // Omit other configuration items
     globals: {
       __DEV__: true
     }
   }

2. The Babel configuration file（such as .babelrc.js）

   module.exports = {
     // Omit other configuration items
     plugins: [['dev-log']]
   }

3. Output in the project

   if (__DEV__) {
     console.log("This log is printed only in the development environment. Production ignores if(__DEV__){...} block")
   }

Options

| Name | Type | Default | Description | | ---------------------- | ----------- | --------------------------------------- | ------------------------------------------------------------ | | customIdentifier | {String} | __DEV__ | Use a custom identifier. notes： The key value of the globals option in the .eslintrc.js file should be the same as the custom identifier. | | isProd | {Boolean} | process.env.NODE_ENV === "production" | When isProd is true, remove if(__DEV__){...} block. Most applications are in the package build phase. |