resolve.alias 설명 된 방식대로 작동해야하므로 원래 질문에 대한 제안으로 인해 혼란스러워하는 것을 완화하는 데 도움이되는 답변으로 제공하고 있습니다.

아래와 같은 확인 구성은 원하는 결과를 제공합니다.

// used to resolve absolute path to project's root directory (where web pack.config.js should be located)
var path = require( 'path' );
...
{
  ...
  resolve: {
    // add alias for application code directory
    alias:{
      mydir: path.resolve( __dirname, 'path', 'to', 'mydir' )
    },
    extensions: [ '', '.js' ]
  }
}

require( 'mydir/myfile.js' )예상대로 작동합니다. 그렇지 않은 경우 다른 문제가 있어야합니다.

검색 경로에 추가하려는 모듈이 여러 개인 경우에는 resolve.root의미가 있지만 상대 경로없이 응용 프로그램 코드 내에서 구성 요소를 참조하려는 경우 alias가장 간단하고 명시적인 것 같습니다.

중요한 장점은 코드에 명확성을 추가 할 수있는 alias네임 스페이스 require를 만들 수 있다는 것입니다. 다른 require모듈에서 참조되는 모듈을 쉽게 볼 수 있듯이 내부 모듈이 필요하다는 것을 분명히하는 alias설명을 작성할 수 있습니다 ( require예 🙂 require( 'my-project/component' ). resolve.root네임 스페이스를 만들 수있는 기회를주지 않으면 서 원하는 디렉토리로 이동합니다.

답변

var path = require('path');
// ...
resolve: {
  root: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'node_modules')],
  extensions: ['', '.js']
};

.
├── dist
├── node_modules
├── package.json
├── README.md
├── src
│   ├── components
│   ├── index.html
│   ├── main.js
│   └── styles
├── webpack.config.js

import MyComponent from 'components/MyComponent';

./src/app.js
./src/ui/menu.js
./node_modules/lodash/

require('app.js')
require('ui/menu')
require('lodash')

require('src/app.js')
require('src/ui/menu')
require('test/helpers/auth')
require('lodash')

resolve: {
  extensions: ['', '.jsx', '.js', '.json'],
  root: path.resolve(__dirname),
  modulesDirectories: ['node_modules']
}

module.exports = {
  resolve: {
    modules: ["mydir", "node_modules"]
  }
}

   resolve: {
      extensions: ['', '.js'],
        modules: [__dirname , 'node_modules']
    }