問題描述

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

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

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

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

或者舉個更常見的例子：
在React開發(fā)中，React的組件中都需要有

import React, { Component } from "react";

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

import React, { Component } from "react2";

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