import-js/eslint-plugin-import

Is any way for use Webpack alias like internal path?

Open

#1,306 创建于 2019年3月21日

在 GitHub 查看
 (9 评论) (9 反应) (0 负责人)JavaScript (4,946 star) (1,540 fork)batch import
help wantedimport/export ordering

描述

https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/order.md

Seems that only paths like 'src/foo' interpretated like internal. But if you use Webpack, you can define some "path alias" (in 90% ways it's like '@/....', or '~/....'. It used in many boilerplates). Is there any ways for use Webpack alias as internal? I found only one solutions:

node_modules/eslint-plugin-import/lib/core/importType.js
// change
const externalModuleRegExp = /^\w/;
// to
const externalModuleRegExp = /^(\w)|(@+\/)|(~+\/)/;

贡献者指南

技术栈
javascriptnodejs
领域
toolingdeveloper experience
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
needs maintainer response
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
knowledge of eslint plugin import configurationunderstanding of webpack path aliasesbasic regex for modifying module resolution
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
55
研究方向
Investigate the source code at `lib/core/importType.js` to understand the regex for external identifiers. The issue suggests modifying `externalModuleRegExp` to include webpack aliases, but a more robust solution would be to add a configuration option in the `import/order` rule. Check existing comments in the issue for prior discussion on implementation approaches.