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

Question

myCustom and ToDo are each react app and want to import MyCustom as a module inside ToDo app.
so following was my trial / folder structure:

[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")

and in ToDo app, when I try npm install , it says myCustom is not in the npm registry.
can you point out what's wrong here, please?

_____________________________

on TODO webpack.config.js file, I've added

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

and built failed with following error:
Module not found: Error: Can't resolve 'source-map-loader'.

Am I using a loader wrong?

Answer 1

resolve is a main topic in webpack.

1. please read how to resolve alias and don't work with '../' in webpack
2. then define where modules can be found
3. define where loaders can be found

  
    // 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']
        }
    };