首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >每个入口点resolve.modules

每个入口点resolve.modules
EN

Stack Overflow用户
提问于 2017-11-19 01:59:17
回答 2查看 1.1K关注 0票数 2

我有一个项目,它使用多个入口点来创建一些不同的应用程序。目录结构看起来类似于:

代码语言:javascript
运行
复制
.
├── app-1
│   └── components
│       ├── a.js
│       └── b.js
├── app-2
│   └── components
├── app-3
│   └── components
├── package.json
└── webpack.config.js

在任何应用程序中,我希望能够导入文件而不引用应用程序名。例如,在app-1/components/a.js中,我希望能够用

import B from 'components/b'

让webpack知道这是指app-1,因为这是文件所在的地方,而不是,比如说,app-3,以防存在相同的路径。

使用webpack.config.js中的以下设置

代码语言:javascript
运行
复制
...

resolve: {
  modules: [
    path.resolve(__dirname, 'app-3'),
    path.resolve(__dirname, 'app-2'),
    path.resolve(__dirname, 'app-1'),
    'node_modules',
  ],
}

...

app-3将具有最高优先级。我真正想要的是没有优先级,而是搜索一个基于应用程序的模块。

我不确定我是否正确地解释了这个问题,但是我已经在网上搜索了一个解决方案,却找不到解决方案。希望有人能随心所欲地解决问题,并发出尖刻的“你甚至谷歌”。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-01-31 12:05:15

这个插件可以帮上忙:https://www.npmjs.com/package/resolve-entry-modules-webpack-plugin

它完全按照您的要求,将条目添加到解析路径中,同时保持不同的条目不相互导入。

票数 1
EN

Stack Overflow用户

发布于 2017-11-20 11:49:45

我也有同样的问题,用化名解决了它。我的进口品现在正在寻找:import "@app1/components/b"

https://webpack.js.org/configuration/resolve/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47373024

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档