tsconfig路径和webpack别名-找不到模块问题

Question

myCustom和ToDo都是react应用，都希望将MyCustom作为模块导入ToDo应用中。
所以下面是我的试用版/文件夹结构：

[api]
|
[client]
|- [MyCustom]
|- [ToDo]
|  |- [src] (in src, will use - import {} from 'myCustom')
|  |- tsconfig.json (added "paths": { "myCustom": ["../myCustom/src"] })
|  |- package.json (added dependency - "myCustom": "1.0.0")

在ToDo应用中，当我尝试npm install时，它说myCustom不在npm注册表中。
你能指出这是怎么回事吗？

_____________________________

在TODO webpack.config.js文件上，我添加了

resolve: {
   modules: ['../MyCustom/src']
},
resolveLoader: {
   modules: ['../MyCustom/src', 'myCustom']
}

并由于以下错误而构建失败：
找不到模块：错误：无法解析“源地图加载器”。

我在使用装载机时错了吗？

Answer 1

解决是webpack的主要主题。

1. 请阅读如何resolve alias，并且不要在webpack中使用'../'
2. 然后定义可以在哪里找到modules
3. 定义可以找到loaders的位置

  
    // https://github.com/unic/darvin-webpack-boilerplate/blob/master/webpack.config.js
    const webpackConfigProd ={
        resolve: {
          modules: ['node_modules', '@yourAlias/yourCustomDir']
        },
        resolveLoader: {
          modules: ['node_modules', '@yourAlias/loaderDir']
        }
    };