Execute the eslint loader within the node_modules of a specific directory that is npm linked and has not been compiled

Question

Execute the eslint loader within the node_modules of a specific directory that is npm linked and has not been compiled

One of the benefits of using webpack 4 is the ability to run eslint across the entire project folder with a specific configuration.

    {
      enforce: 'pre',
      test: /\.js|ts$/,
      exclude: /node_modules/,
      loader: 'eslint-loader'
    },

However, there may be cases where you want to run eslint in the node_modules of a particular folder that is npm linked and not compiled. To achieve this, you can use regular expressions like the following:

    {
      enforce: 'pre',
      test: /\.js|ts$/,
      exclude: /node_modules\/(?!(my-folder)\/).*/,
      loader: 'eslint-loader'
     },

Unfortunately, this approach did not work as expected. Can anyone suggest how to properly achieve this?

javascript typescript webpack eslint

Answer 1

Answer №1

My preferred method is the one outlined below, as I have found it to be both easy to read and maintain

// my-webpack-config.js 
module.exports = {
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'eslint-loader'
      },
      {
        enforce: 'pre',
        test: /\.jsx?$/,
        include: /node_modules\/my-package/,
        loader: 'eslint-loader'
      }
    ]
  }
};

Answer 2

My preferred method is the one outlined below, as I have found it to be both easy to read and maintain

// my-webpack-config.js 
module.exports = {
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'eslint-loader'
      },
      {
        enforce: 'pre',
        test: /\.jsx?$/,
        include: /node_modules\/my-package/,
        loader: 'eslint-loader'
      }
    ]
  }
};

Execute the eslint loader within the node_modules of a specific directory that is npm linked and has not been compiled

Answer №1

Similar questions

How to Hide Validation Messages Automatically Using Knockout on Page Load

The animation in Material UI does not smoothly transition with the webkit scrollbar

Saving fonts when deploying on Vercel with Next.js is not supported

Error updating model: The `teams` model cannot be modified once it has been compiled

Exploring the functionalities of quill modules in conjunction with vue2-editor and webpack mix

Angular encountered an ERROR of type TypeError where it cannot access properties that are undefined when trying to read the 'title'

Node.js module mishap

Toggle a button with javascript

Occasionally, the function XMLHttpRequest() performs as expected while other times it may

SwitchBase is undergoing a transformation where its unchecked state goes from uncontrolled to controlled. It is important to note that elements should not transition back and forth between un

Menu becomes sticky too quickly on iOS Safari and Chrome, jumping to fixed position prematurely

Interacting with an API and retrieving data using JavaScript

Ways to differentiate between the sources of two cold Observables (not just the possible data streams they may produce)

Integrate retrieved JSON data using Ajax into D3 visualizations

Save data to local storage when the form is submitted, retrieve it when the page is reloaded

Javascript: A guide on passing an object through multiple nested functions

The Vue/Vuetify wrapper component does not automatically pass on the `hide-details` parameter to the input component

Obtain JSON data using jQuery

Custom HTML binding in expanding rows of Angular 2 DataTables

Save the result of a terminal command into an sqlite database