import-js/eslint-plugin-import

Ensure packages are imported the same way (`import "react"` vs `import("react")`)

Open

#2.326 aberto em 12 de dez. de 2021

Ver no GitHub
 (21 comments) (0 reactions) (0 assignees)JavaScript (1.540 forks)batch import
help wantedrule proposal

Métricas do repositório

Stars
 (4.946 stars)
Métricas de merge de PR
 (Mesclagem média 138d 22h) (3 fundiu PRs em 30d)

Description

import() is used as an indicator that the bundler can create an additional file (code splitting) instead of including the specified dependency in the main bundle.

Unfortunately it's possible that the same dependency is imported statically in another file, therefore either cancelling the effect or perhaps bundling it twice.

// index
import './a.js'
import './b.js'
// a.js
import { React } from 'react';
// b.js
const { React } = await import('react');

Rule request

Is it possible to ensure that a specific dependency is imported the same way across files automatically?

"import/consistent-import-style": "error"

If not automatically, I wish there was a way to enforce a certain import method per-dependency, for example:

"import/enforce-import-style": [
	"error",
	{
		static: ["react"],
		dynamic: ["my-little-heavy-dep"],
	}
]

Guia do colaborador