Webpack-resolve.moduleDirectories

亨利克

我在使用Webpackresolve.moduleDirectories配置时遇到问题该文档确实很简单,但是我无法使其正常工作。

给出以下结构

app
├── config
│   └── routes.js
├── screens
│   └── App
│       └── screens
│           └── Admin
│               └── screens
│                   └── Reports
│                       └── index.js
├── shared
│   └── buttons
│      └── SignUp.js

我想shared/buttons/SignUp.js在应用程序的多个部分上使用该组件,因此我想应该使用以下Webpack设置:

{
  modulesDirectories: ['shared', 'node_modules']
}

Reports/index.js,我仍然无法包含该按钮,即使尝试以下所有操作,也包括:

import SubmitButton from 'buttons/SignUp.js';
import SubmitButton from 'buttons/SignUp';
import SubmitButton from 'shared/buttons/SignUp';
...

我有什么想念的或做错的吗?我在这里放置了一个示例:https : //github.com/henriquebf/resolve-webpack

JuhoVepsäläinen

如果要使用这样的导入,可以设置resolve.alias

例:

resolve: {
    alias: {
        shared: path.resolve(__dirname, 'app', 'shared')
    }
}

进行此更改后import SubmitButton from 'shared/buttons/SignUp';应该可以工作。您可以根据自己的喜好调整别名。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档