import-js/eslint-plugin-import
Auf GitHub ansehen[dynamic-import-chunkname] webpackChunkName should be optional when webpackMode: "eager"
Open
#1.904 geöffnet am 18. Sept. 2020
enhancementhelp wanted
Repository-Metriken
- Stars
- (4.946 Stars)
- PR-Merge-Metriken
- (Durchschn. Merge 138T 22h) (3 gemergte PRs in 30 T)
Beschreibung
Code
import(
/* webpackMode: "eager" */ '../a-module-that-requires-some-time-to-initialize'
)
Expected result
(No warning)
Actual result
dynamic imports require a leading comment in the form /* webpackChunkName: "[a-zA-Z0-9-/_]+",? */
eslint(import/dynamic-import-chunkname)
Description
From the docs:
'eager': Generates no extra chunk. All modules are included in the current chunk and no additional network requests are made. A Promise is still returned but is already resolved. In contrast to a static import, the module isn't executed until the call to import() is made.
/* webpackMode: "eager" */ is handy when you want to include a module in the same chunk, but do not want to execute it when the chunk is initially loaded.
Workaround
// See https://github.com/benmosher/eslint-plugin-import/issues/1904
// eslint-disable-next-line import/dynamic-import-chunkname
import(
/* webpackMode: "eager" */ '../a-module-that-requires-some-time-to-initialize'
)