import-js/eslint-plugin-import
GitHub で見るEnsure packages are imported the same way (`import "react"` vs `import("react")`)
Open
#2,326 opened on 2021年12月12日
help wantedrule proposal
説明
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"],
}
]