JS模塊化中加載的文件名更換

問(wèn)題描述

如今JS主流的組織方式都是模塊化開(kāi)發(fā)，但是平常開(kāi)發(fā)中有遇到一種場(chǎng)景：
比如在項(xiàng)目中，有一個(gè)模塊的文件名被更改了，比如：ModuleA.js -> ModuleB.js
這樣就要導(dǎo)致我要找到每個(gè)引入了ModuleA的JS文件都要去做更改，否則會(huì)報(bào)錯(cuò)：

import {xxx} from './ModuleA' -> import {xxx} from './ModuleB'

這樣工作量很大而且很不方便，而假如用<script>引入的方式的話，則只需要找到script標(biāo)簽引入的地方更改即可，只需更改一處地方。

<script src="./ModuleA.js"></script> -> <script src="./ModuleB.js"></script>

或者舉個(gè)更常見(jiàn)的例子：
在React開(kāi)發(fā)中，React的組件中都需要有

import React, { Component } from "react";

如果某天react更名叫做react2了。那我們用到react開(kāi)發(fā)的項(xiàng)目不是得找到所有react組件的js文件去更改成

import React, { Component } from "react2";

所以想請(qǐng)各位同學(xué)指點(diǎn)一下，這種場(chǎng)景應(yīng)該如何更加優(yōu)雅地解決？還是這是模塊化開(kāi)發(fā)的不方便之處？萬(wàn)分感激!!!