@canarise/snowpack-eslint-plugin
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

@canarise/snowpack-eslint-plugin

@canarise/snowpack-eslint-plugin is a snowpack plugin to integrate eslint into the snowpack develop and build process.

picture 1

Install

Note, you must have eslint ^7.0.0 installed, eslint. We recommend at least having eslint v7.21.0 installed.

With yarn

> yarn add @canarise/snowpack-eslint-plugin

With npm

> npm install @canarise/snowpack-eslint-plugin

With pnpm

pnpm i @canarise/snowpack-eslint-plugin

Usage:

Simply add it to your snowpack config:

module.exports = {
  mount: {
    ...
  },
  plugins: [
    '@snowpack/plugin-react-refresh',
    '@snowpack/plugin-dotenv',
    '@snowpack/plugin-typescript',
    '@snowpack/plugin-postcss',
    ['@canarise/snowpack-eslint-plugin', {
      globs: ['src/**/*.tsx', 'src/**/*.ts'], // You should provide this
      options: { /* any eslint options here */ },
      formatter: 'stylish'
    }],
  ],
  routes: [
    ...
  ],
}

Configuration

There are a few options you can use. The PluginOptions type is:

type PluginOptions = {
  options?: ESLint.Options
  globs?: string[]
  formatter?: string | ESLint.Formatter
}

options

Options is any valid eslint option. We pass this to ESlint, so it may be useful to refer to this for possible values you can use. By default the following options are passed to ESLint unless overridden:

{
  cache: true,
  cacheStrategy: 'content',
  fix: false
}

globs

Globs is an array of string globs to lint files, for example ['**/*.ts', '**/*.tsx']. By default this is an empty array. In almost all cases you will need to provide this. We cannot predict want sort of files you would like to lint, and would rather not make the decision for you. Furthermore, at least one file for each glob you provide must be present, otherwise an error will be thrown, which the plugin will not catch. This error is thrown by eslint and is the default behaviour.

formatter

The formatter to use for lint output. You can provide your own, or use one of eslint's built in ones. By default we use stylish. See eslint formatters for other options.

Package Sidebar

Install

npm i @canarise/snowpack-eslint-plugin

Weekly Downloads

82

Version

1.0.0

License

MIT

Unpacked Size

11.5 kB

Total Files

7

Last publish

Collaborators

  • leenpmuser