Chore: Introduce yarn start:noLint (#64430)

chore(webpack): introduce start:noLint to bypass typecheck and lint plugins during dev

package.json

@@ -36,6 +36,7 @@
     "prettier:write": "prettier --list-different \"**/*.{js,ts,tsx,scss,md,mdx}\" --write",
     "start": "yarn themes:generate && yarn dev --watch",
     "start:noTsCheck": "yarn start --env noTsCheck=1",
+    "start:noLint": "yarn start --env noTsCheck=1 --env noLint=1",
     "stats": "webpack --mode production --config scripts/webpack/webpack.prod.js --profile --json > compilation-stats.json",
     "storybook": "yarn workspace @grafana/ui storybook --ci",
     "storybook:build": "yarn workspace @grafana/ui storybook:build",

scripts/webpack/webpack.dev.js

@@ -91,11 +91,13 @@ module.exports = (env = {}) => {
               },
             },
           }),
-      new ESLintPlugin({
-        cache: true,
-        lintDirtyModulesOnly: true, // don't lint on start, only lint changed files
-        extensions: ['.ts', '.tsx'],
-      }),
+      parseInt(env.noLint, 10)
+        ? new DefinePlugin({}) // bogus plugin to satisfy webpack API
+        : new ESLintPlugin({
+            cache: true,
+            lintDirtyModulesOnly: true, // don't lint on start, only lint changed files
+            extensions: ['.ts', '.tsx'],
+          }),
       new MiniCssExtractPlugin({
         filename: 'grafana.[name].[contenthash].css',
       }),