Disable ESLint no-console In Development

Oct 9, 2017

Unexpected console statement (no-console), Enable console.log

Edit .eslintrc.js in your project directory.

module.exports = {  ...  // add your custom rules here  'rules': {    'no-console': process.env.NODE_ENV === 'production' ? 2 : 0  }}

Note: process.env.NODE_ENV is defined in Vue.js Webpack Template.

You can selective enable console.log

// eslint-disable-next-line no-consoleconsole.log('hello');

or

console.log('hello'); // eslint-disable-line no-console

or

// eslint-disable no-consoleconsole.log('hello');console.log('world');// eslint-enable no-console

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.

Tags

Related articles

Setup Bootstrap 4 With Vue Cli 3 Webpack Vue.js Code Splitting With Webpack and Vue Cli 3 Fontawesome 5 Pro Npm and Webpack Guide Webpack Starter Template/Boilerplate to generate Single File Bootstrap js/css Enable Vue.js Webpack Development With Hot Module Reloading (HMR) On External Server Setup PWA With SWPrecacheWebpackPlugin Setup Bootstrap 4 (Beta 3) With Npm And Webpack Vue.js 2.x Development Build With Hot Reloading For External Server (using Webpack template)Install And Setup Webpack Vue.js Webpack Split moment-timezone Into Vendor Bundle Vue.js Webpack Analyze Bundle Size Vuejs Webpack Template Split Vendor CSS Vuejs Webpack Template Reduce Output File Hash Length Disable ESLint Warning for Imports Analyze Webpack Npm Packages File Size Reduce Moment.js Npm File Size For Webpack Webpack: ESLint jQuery $ Is Not Defined Enable Compass For Sass On Vue.js Webpack Template Enable Sass On Vue.js Webpack Template