Skip to content

Webpack plugin for prettier-eslint which ESLint's settings is set to JavaScript Standard Style

Notifications You must be signed in to change notification settings

danielterwiel/prettier-eslint-webpack-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Prettier Eslint Webpack Plugin

Webpack 5 plugin for prettier-eslint

DEPRECATED

Nothing to see here anymore :) ... --> try to update ;)

Installation

yarn add prettier-eslint-webpack-plugin --dev

Options

encoding (?String)

Encoding to use when reading / writing files

Default: 'utf-8'

extensions (?Array)

Only process these file extensions

Default: ['.js', '.jsx']

... Furthermore the entire prettier-eslint API is exposed:

filePath (?String)

The path of the file being formatted can be used to override eslintConfig (eslint will be used to find the relevant config for the file).

Default: undefined

eslintConfig (?Object)

The config to use for formatting with ESLint. Can be overridden with filePath.

Default: JavaScript Standard Style

prettierOptions (?Object)

The options to pass for formatting with prettier. If not provided, prettier-eslint will attempt to create the options based on the eslintConfig (whether that's provided or derived via filePath). You can also provide some of the options and have the remaining options derived via your eslint config. This is useful for options like parser.

Default: undefined

logLevel (?Enum: ['trace', 'debug', 'info', 'warn', 'error', 'silent'])

prettier-eslint does quite a bit of logging if you want it to. Pass this to set the amount of logs you want to see.

*Default: process.env.LOG_LEVEL

eslintPath (?String)

By default, prettier-eslint will try to find the relevant eslint (and prettier) module based on the filePath. If it cannot find one, then it will use the version that prettier-eslint has installed locally. If you'd like to specify a path to the eslint module you would like to have prettier-eslint use, then you can provide the full path to it with the eslintPath option.

Default: undefined

Example

Your webpack.dev.js file:

import { PrettierEslintPlugin } from 'prettier-eslint-webpack-plugin'
import fs from 'fs'

...

const eslintConfig = fs.readFileSync('path/to/.eslintrc')

module.exports = {
  ...
  plugins: {
    ...
    new PrettierEslintPlugin({
      encoding: ['utf-16'],
      extensions: '.jsf00',
      eslintConfig: eslintConfig,
      logLevel: 'trace',
      prettierOptions: {
        singleQuote: false,
      }
    })
    ...
  }
  ...
}

Inspiration

Licence

MIT

About

Webpack plugin for prettier-eslint which ESLint's settings is set to JavaScript Standard Style

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •