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

Setting a dynamic routerLink in Angular 2 based on a component's property-value

Using Typescript: A guide on including imported images in the output directory

Having trouble with the AJAX request for retrieving image paths, parsing the JSON response into a JavaScript array, and attempting to render the images on the page

Re-establishing the socket channel connection in a React application after a disconnection

Display and conceal multiple div elements using a timer

Encountering difficulties importing a component from a library into my Nx Expo React Native application

What is the best way to close an ajax page within the main page using a button?

Could it be that my function is not returning the correct type?

Issue with AngularJS in Internet Explorer 7: "querySelector" property or method not supported by object

JavaScript: Filtering an object array pushed from a MySQL query

Running SOAP services with Jasmine framework in Node.js: A step-by-step guide

Angular5 causing all divs to have click events at once instead of individually triggered

What is the method for inserting an icon using createElement?

ACL - Utilize ACL in conjunction with the passport authentication system

The absence of class generic parameter constraints cascades down to class properties

Setting up the Angular environment

What causes variations in running identical code between the Node environment and the Chrome console?

Trigger Modal using PHP/JavaScript

Is it possible to create a hyperlink in the <button> element?

A guide on accessing JavaScript files from the components directory in a React Native iOS application