Node.js 如何设置'；src&x27；要在网页包中创建资源根目录吗？

我有一个react应用程序，带有自定义的webpack配置（webpack encore）

如何将“src”文件夹设置为资源根目录。
例：

我想用

import 'components/someComponent.jsx' 

而不是

import '../../components/someComponent.jsx' 

文件夹结构：

-应用程序

--src

---组成部分

---

您可以创建一些别名，然后使用较短的路径

let config = Encore.getWebpackConfig();
config.resolve.alias["~"] = path.resolve(__dirname, 'app/src');
module.exports = config;

现在，您的导入将如下所示

import SomeComponent from '~/components/someComponent.jsx'

---

你所要做的就是像这样在网页配置中添加

module.exports = {
 // ...
 resolve: {
  modules: [path.resolve(__dirname, 'app/src')]
 }
}